左对齐列表样式类型

时间：2014-04-22 08:44:35

标签： html css html-lists

我有一个包含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;
}

问题是默认情况下，list-style-type是右对齐的：

enter image description here

如何使字母与css左对齐？

2 个答案:

答案 0 :(得分：2)

将属性list-style-position: inside添加到ul规则中，并根据需要修改边距和填充：http://jsfiddle.net/jFxLB/

答案 1 :(得分：-1)

试试这段代码：

       <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>

感谢。

相关问题
最新问题