css文字位于图片中间 |css 浮动条

首先，为了使文字和图片在同一行中居中，可以使用display: flex;和align-items: center;的组合。这样可以将图片和文字在同一行中水平居中。

.img-wrapper {
display: flex;
align-items: center;
}
.img-wrapper img {
margin-right: 10px;
}

接下来，要让文字和图片在竖直方向上居中，可以使用line-height属性。例如，如果你的图片高度为100px，那么你可以将行高设置为100px，这样文字就能居中显示了。

.img-wrapper p {
line-height: 100px;
}

最后，调整文字和图片之间的间距。可以在图片的样式中添加一个margin-right属性，使文字和图片之间有一定的距离。

.img-wrapper img {
margin-right: 10px;
}

以上就是通常用来实现文字位于图片中间的CSS技巧。希望对你的网页设计有所帮助。