CODEWITHSUNDEEP
htmlcsshtml-lists
Danield
Danield

Reputation: 125463

left align for list style type

I have a simple list with list-style-type: lower-latin;

FIDDLE

<ul>
    <li>one</li>
    <li>two</li>
    <li>three</li>
    <li>four</li>
    <li>five</li>
</ul>

CSS

ul
{
    list-style-type: lower-latin;
}

The problem is that by default, the list-style-type is right-aligned:

enter image description here

How can I make the letters left-align with css?

Upvotes: 3

Views: 6069

Answers (2)

Ramki
Ramki

Reputation: 519

Try this code:

       <html>
<head>
<style>
ul
{
list-style-type:lower-alpha;
}
</style>
</head>
<body>
<ul dir="rtl" style="text-align:left;">
 <li>coursesweb.net</li>
 <li>www.marplo.net</li>
 <li>www.php.net</li>
</ul>
<ol dir="rtl" style="text-align:left;">
 <li>Free courses</li>
 <li>Tutorials</li>
 <li>Lessons</li>
</ol>
</body>
</html>

Thanks.

Upvotes: -1

pablopixel
pablopixel

Reputation: 819

Add the property list-style-position: inside to your ul rule and modify the margin and padding if necessary: http://jsfiddle.net/jFxLB/

Upvotes: 6

Related Questions