Обозначить вертикальный текст элемента li с помощью css

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. Дисплей: блок и т. Д. Но я до сих пор не могу получить этот текст, чтобы оправдать.

Answer 1

found я этот кусок кода, который мог бы сделать это:

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

Это не поддерживается некоторыми версиями IE, хотя.

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