Css 左浮动图像右侧的列表

Css 左浮动图像右侧的列表,css,image,list,Css,Image,List,我想使用outside list属性将ul列表正确地定位在左侧浮动img的右侧,但项目符号没有对齐在图像的右侧,因为没有任何图像,而是在左侧有更多图像 <img style="float: left; margin-right: 0.1em;" src="http://commons.cathopedia.org/w/images/commons/thumb/f/fe/Carnevale_di_Venezia.JPG/250px-Carnevale_di_Venezia.JPG" />

我想使用outside list属性将ul列表正确地定位在左侧浮动img的右侧,但项目符号没有对齐在图像的右侧,因为没有任何图像,而是在左侧有更多图像

<img style="float: left; margin-right: 0.1em;" src="http://commons.cathopedia.org/w/images/commons/thumb/f/fe/Carnevale_di_Venezia.JPG/250px-Carnevale_di_Venezia.JPG" />
<ul>
    <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit</li>
    <li>Lorem ipsum dolor sit amet, cnsectetur cnsecteturcnsectetur um dolor sit amet, consectetur adipiscing elit</li>
</ul>

  • Lorem ipsum dolor sit amet,献祭精英
  • 知识产权是一种财富,是一种财富,是一种财富,是一种财富,是一种财富,是一种财富,是一种财富
有关更好的理解,请参阅

我不能修改html,只能修改css

我不想把list属性放在里面

如果我在图像中添加一个右边距,not ul文本也会被移动,我不想要它

如果我在ul或li中添加左边距或填充,则图像右侧以外的列表也会向内移动,我不希望这样做

如何管理它?

那是你要找的吗?我不确定。。。。检查此项,如果需要添加更多,请进行更多解释

img {
    float: left;
    margin-right: 1.9em;
     position: relative;
}

li {
    list-style-position: outside;
}
ul {
    padding-left: 1.2em;
}​

您可以尝试在ul标记中添加隐藏的溢出:


把它们放在不同的分区…不,我需要在图片的右边找到与文本对齐的项目符号。更新的答案。。。那是你要找的吗?再解释一遍,你想要什么?感谢阅读,我不明白“overflow:hidden”属性在这种情况下是如何工作的。你能给我解释一下吗?非常感谢。浮动图像仅推送ul元素中的内容,而不是整个ul,它占用100%的可用空间作为块级元素。您可以通过检查元素来验证它。这就是为什么左边距不适用于ul的原因。这不是错误,您可以在此处查看更多详细信息:。溢出隐藏确保隐藏ul的空白区域
ul {
    padding-left: 1.2em;
    overflow: hidden;
}​