[英]list on the right of a left floating image
我想使用外部列表属性在左浮动img的右侧正确定位ul列表,但子弹未在图像右侧对齐,因为没有任何图像,但左侧更多。
<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>
请参阅小提琴,以便更好地理解。
我不能修改html,只能修改css。
我不想把list属性放在里面。
如果我为图像添加右边距,那么非ul文本也会移动,我不想要它。
如果我向ul或li添加左边距或填充,则不在图像右侧的列表也会向内移动,我不想要它。
我该如何管理它?
您可以尝试添加隐藏在ul标签http://jsfiddle.net/2z6Zn/61/中的溢出:
ul {
padding-left: 1.2em;
overflow: hidden;
}
你在寻找吗? 我不确定....检查这个并解释更多如果你需要添加更多......
img {
float: left;
margin-right: 1.9em;
position: relative;
}
li {
list-style-position: outside;
}
ul {
padding-left: 1.2em;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.