css将图片放在文字左边 |css框架bootstrap

<style>
p {
width: 500px;
height: 200px;
background-color: #f8f8f8;
padding: 20px;
}
img {
float: left;
margin-right: 20px;
}
</style>

上面的代码通过设置 p 元素的宽度、高度和背景色，以及设置 img 元素的浮动和右边距的方式，实现了让图片放在文字的左边的效果。因此，只需要在 p 元素中插入图片和文字即可。

<p>
<img src="image.jpg" alt="图片">
此处插入要显示的文字。
</p>

通过这种简单的方式，大家就可以轻松地让图片和文字进行组合和排版，实现更好的网页设计效果。