用css對齊垂直li元素文本

對於我的生活，我無法得到它的工作。

HTML: 
<div id="main-content-left-container"> 
<ul id="left-bullets"> 
     <li>I want all/li> 
     <li>of this text</li> 
    <li>justified to the left-bullets 70% width size</li> 
</ul> 
<img > //not important here 
</div> 

CSS: 
#main-content-left-container { 
width: 450px; 
position: relative; 
float: left; 
margin-left: 5px; 
} 

#left-bullets { 
position: relative; 
width: 70%; 
margin: 0 15px 0 auto; 
list-style-type: disc; 
font-size: 12pt; 
text-align: justify; 
}

我已經嘗試過很多變體和CSS中的文本對齊組合。顯示：阻止等，但我仍然無法得到這個文本來證明。

來源

2014-02-05 user2243357

看看這個http://jsfiddle.net/r8Dts/1/這是有道理的。 – Rao

我希望它的寬度合理。就像在一些單詞之間有更多的空間來使它們擴展容器的寬度一樣。 – user2243357

我found這段代碼，可以做到這一點：

#element:after { 
    content: ""; 
    display: inline-block; 
    width: 100%; 
}

這不是由IE的某些版本的支持，雖然。

小提琴：http://jsfiddle.net/bortao/LtKeK/

來源

2014-02-05 23:09:44 ariel

用css對齊垂直li元素文本

回答

相關問題