html - 用 css 对齐垂直 li 元素文本

Question

我希望能够证明这段文字的合理性..

对于我的生活，我无法让它工作。

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 中尝试了许多文本对齐的变体和组合。显示: block 等。但我仍然无法得到这个文本来证明。

Answer 1

我found这段代码可以做到这一点:

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

虽然某些版本的 IE 不支持此功能。

fiddle :http://jsfiddle.net/bortao/LtKeK/