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.
Comments
Post a Comment