1、在日常列表中会用到图文混排的效果，如下图选取今日头条中一个左边文字，右边图片的例子为例：
2、解决办法：
ul{padding: 0.5rem;width: 100%;overflow: hidden;font-size: 1.2rem;}
li{padding: 0.5rem;}
.right{float: right;}
.right img{width: 8rem;height: 6rem;}
.left{padding-right: 9rem;}
.btns{font-size: 1rem;}
<ul>
<li>
<div class="right">
<img src="img/index-bg.jpg"/>
</div>
<div class="left">
<p>这是大段文字这是大段文字这是大段文字这是大段文字这是大段文字这是大段文字这是大段文字这是大段文字</p>
<p class="btns"><span>评论</span><span>阅读数</span></p>
</div>
</li>
</ul>
3、效果图
