代码:
<div>
<div style="display: inline-block;vertical-align: top;">
<img src="./img/small.png" alt="">
</div>
<div style="display: inline-block;vertical-align: top;">
<p>我曾经跨国山和大海,带你领略冷冻的情怀</p>
<p>
<img src="./img/浏览.png" alt="">
<span>浏览</span>
<span>565</span>
</p>
</div>
</div>
目前的样式:
UI效果图:
img 给个宽度 , float:left ,然后后侧的文字包在一个div中,也给个宽度和float:left,,就可以了