css中文字图片设置

![img](https://img-mid.csdnimg.cn/release/static/image/mid/ask/125380865276123.jpg "#left"
想把文字下面的图片放到文字右边怎么设置

首先将内容放在div里,然后“子绝父相“设置大的div为相对定位,里面的图片放到的小div为绝对定位,设置小div(放置图片的div)的top、left的值,具体放到什么位置调px大小就可以。

外面写一个大的div,里面套两个小的div,分别是文字div跟图片div,然后给外面大的div设置css样式,display:flex,就可以了

<div style="float: left;">文字内容</div>
<div style="float: left;"><img src="https://img-mid.csdnimg.cn/release/static/image/mid/ask/125380865276123.jpg" style=" width: 200px; height: 200px; padding-left: 0px;"></div>
    <!-- width 可以设置图片宽  heigth 设置图片高  padding-left 图片与文字之间的距离-->