显示项目符号中心列表

时间:2017-05-06 16:08:20

标签: html css list bulletedlist

我在显示项目符号列表时遇到问题,例如图像附件链接上的内容。我已经尝试了几乎可能的CSS组合,但无法达到我想要的效果:enter image description here

我的代码是这样的:

.sunco-listed {
  width: 500px;
}

.sunco-listed ul {
  text-align: center;
}

.sunco-listed li {
  float: left;
  padding-right: 25px;
} 

.sunco-listed li:nth-child(1) {
  list-style: none;
}
<div class="sunco-listed">
  <ul>
    <li>Spare parts 1</li>
    <li>Spare parts 1</li>
    <li>Spare parts 1</li>
    <li>Spare parts 1</li>
    <li>Spare parts 1</li>
    <li>Spare parts 1</li>
    <li>Spare parts 1</li>
    <li>Spare parts 1</li>
  </ul>
</div>

任何帮助/帮助都将受到高度赞赏。

0 个答案:

没有答案