在ul中对齐多行li

时间:2010-05-31 20:23:58

标签: html css

我在这个页面http://animactions.ca/Animactions/le_developpement_des_equipes_de_travail.php上有两个li(分),占用了两行。我不确定如何正确对齐它们以便它们与第一行对齐。

我指的是这一点:

Renforcir la cohésion et l’esprit d’équipe pour un travail proactif et durable qui génère des
    rendements supérieurs. 

1 个答案:

答案 0 :(得分:2)

更改列表样式,以便列表项目符号位于列表外部。这实际上是默认值。

.list_a {
   color:#3E3E3E;
   font-family:Calibri;
   font-size:medium;
   list-style:square outside url("Images/list.png");   // not inside
   margin-top:1px;
}

将列表项目符号设置为“内部”意味着它们成为行项目的一部分,因此占用与项目文本相同的布局空间。这会导致文本包裹在项目符号下方,而不是占用单独的布局块。