CSS如何实现DIV左边图片右边文字 下边LI标签

样式像这样

<style type="text/css">
*{margin:0;padding:0;}
.loop_div{width:500px;background:#CCC;margin:10px;float:left;}
.loop_div div,.loop_div ul{width:100%;overflow:hidden;}
.loop_div div img,.loop_div div p{float:left;}
.loop_div div img{width:160px;}
.loop_div div p{width:300px;}
</style>
<div class="loop_div">
<div><img src="" width="160" height="100" /><p>文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字</p></div>
    <ul>
    <li>LI文字LI文字LI文字LI文字</li>
    <li>LI文字LI文字LI文字LI文字</li>
    <li>LI文字LI文字LI文字LI文字</li>
    <li>LI文字LI文字LI文字LI文字</li>
    </ul>
</div>

<div class="loop_div">
<div><img src="" width="160" height="100" /><p>文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字</p></div>
    <ul>
    <li>LI文字LI文字LI文字LI文字</li>
    <li>LI文字LI文字LI文字LI文字</li>
    <li>LI文字LI文字LI文字LI文字</li>
    <li>LI文字LI文字LI文字LI文字</li>
    </ul>
</div>

温馨提示：内容为网友见解，仅供参考

当前网址：https://11.t2y.org/zz/f7m87v77qvps287vspq.html