left align for list style type

StackOverflow https://stackoverflow.com/questions/23214640

  •  07-07-2023
  •  | 
  •  

문제

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?

도움이 되었습니까?

해결책

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

다른 팁

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.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top