Css P浮动图像下的标记内容

我有一个列表，每个li都有一个图像和一些文本

<div style="width:500px;">
<ul >
   <li>
       <img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcTyBPzjBIU0gCSFH7mLEVMuQ6d69KYfe14YCsJcLXCbHzhqJZ2p" width="100px" style ="float:left; ">

        <p>First line......<br/>Second: Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries</p>
   </li>

</ul>
</div>

第一行……
第二行：Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它不仅存活了五个世纪

问题是：如果

p

内容超出了图像的高度，它会流向图像下方的左侧。我怎样才能阻止这一切？我不希望图像下方有任何内容（在每个

）

---

感谢您

不用浮动图像，您可以将p标记向右浮动，并将其宽度设为400px

您可以在

p

元素中添加一个左边距：

​li p {
    margin-left: 105px;  /* width of your images */
}​

---

只要在这一段上留一个空白就行了。像这样

p{margin left:105px；}

工作示例

---

保持img向左浮动，并在段落中添加等于或大于img的边距

您可以向左浮动，图像的宽度为100px，右侧浮动，图形的宽度为400px

---

否则，创建css文件、插入样式，而不是将其写入html，会非常有效。

Set

overflow:hidden在
P
标签上。这种方法的好处是，您不需要知道图像标记的宽度

li p {
  overflow: hidden;
}

请参见。我在图像和段落文本之间添加了5个像素的空白，尽管这是可选的。
这就是
浮动的全部要点。哇。太好了。我以前从未见过这种情况。