为什么我的<li>类型没有显示?</li>

时间:2014-07-16 18:37:57

标签: html css list

这是我的清单

<ul class="list-inline row ">
<li  href="#" style="color:white"> Registrate  </li >
<li style="list-style-type:square; color:white" href="#">Quienes Somos  </li>
<li style="list-style-type:square; color:white"  href="#" style="color:white">Contacto   </li >
</ul>

这是我的CSS

.list-inline { padding-left: 0;
margin-left: -5px;
list-style: none;
}
.list-inline > li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
}

我得到了文字和颜色,但我没有得到广场!

2 个答案:

答案 0 :(得分:5)

list-style-type:square必须放在ul标记中。

<ul class="list-inline row" style="list-style-type:square;">

答案 1 :(得分:4)

http://www.w3.org/wiki/CSS/Properties/list-style

list-style-type元素而不是ul元素上设置li

<ul class="list-inline row " style="list-style-type: square;">
<li  style="color:white"> Registrate  </li >
<li style="color:white">Quienes Somos  </li>
<li style="color:white">Contacto   </li >
</ul>