html - Justify vertical li element text with css -


i'd able justify text..

for life of me cannot work.

html: <div id="main-content-left-container"> <ul id="left-bullets">         <li>i want all/li>         <li>of text</li>     <li>justified 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; } 

i have tried many variations , combinations of text-align in css. display: block, etc. yet still cannot text justify.

i found piece of code it:

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

this not supported versions of ie though.

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


Comments

Popular posts from this blog

python - Subclassed QStyledItemDelegate ignores Stylesheet -

java - HttpClient 3.1 Connection pooling vs HttpClient 4.3.2 -

SQL: Divide the sum of values in one table with the count of rows in another -