css文字靠图片右边

CSS 文字靠图片右边是一种很常见的布局方式，下面介绍一种简单实现该效果的方法。

div class="container">
    img src="image.png" alt="图片">
    p>
    这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字。/p>
    /div>

使用 CSS 来实现该布局：

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

首先，将图片和文字放到一个 div 容器中，并使用 flex 布局，使用 align-items: center 将图片和文字在垂直方向上居中对齐。

然后，在 CSS 中对 img 标签进行处理，使用 margin-right 让文字与图片之间留下一段间距。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！