html列表的垂直对齐方式

时间:2011-05-12 20:21:46

标签: html css

我有一个列表

<ul class="List">
  <li>large amount of text</li>
  <li>large amount of text</li>
</ul>

.list{
   display:inline; 
   overflow:hidden;
 }

如何让列表具有相同的左垂直边距。现在发生的事情是左边的文字没有对齐

1 个答案:

答案 0 :(得分:1)

你有重置样式表吗?你能提供截图吗?

根据您的描述尝试以下内容。

另外请记住,在撰写标记时,所有内容都区分大小写,List大写,而 CSS则小写

.list{
   display:inline; 
   overflow:hidden
 }
 .list li {
   display:block;
   margin:0 0 0 15px
   }

<ul class="list">
  <li>large amount of text</li>
  <li>large amount of text</li>
</ul>