我将如何在HTML/CSS中列出此列表

我制作这是Photoshop（你看不到，但文本之间有分隔线），以便将其放置在我的网站上，但是，我无法使其正常工作。目前，我刚刚使用了

，但它看起来一点都不好。有什么想法吗

<div class = "container">
    <div class = "row"> the image is transparent too.
       <div class = "col-md-12" align = "center">
          <img class = "img-responsive" src = "img/sepline.png">
        </div>
     </div>
</div>

图像也是透明的。

---

谢谢

如果您正在尝试创建一个与您发布的图像类似的HTML和CSS菜单，这将帮助您开始

HTML:

您可能可以使用WebKit CSS完成渐变分割，但更可能的情况是您必须使用图像

---

小提琴手：

如果你不给我们看一些代码怎么办？！：）@Buljan我必须向您展示的唯一代码是容器中的imgsrc。错的不是位置，而是它的外观。没有代码，我们不知道它的外观如何。我假设图像是透明的，但是，我不知道图像后面是什么颜色。它是否“好看”是主观的。请给我们更多的工作！图像也是透明的。@GANIZniz这次我会帮你做的，我会把HTML放在你的问题中。然后找到你的CSS，点击

| edit |

按钮，使用正确的代码格式将其粘贴到下面。

<div class="container">
  <div class="row">
    <div class="col-md-3">
      <ul class="nav nav-custom">
        <li><a href="#"><i class="glyphicon glyphicon-chevron-right"></i>Item A</a></li>
        <li><a href="#"><i class="glyphicon glyphicon-chevron-right"></i>Item B</a></li>
        <li><a href="#"><i class="glyphicon glyphicon-chevron-right"></i>Item C</a></li>
        <li><a href="#"><i class="glyphicon glyphicon-chevron-right"></i>Item D</a></li>
        <li><a href="#"><i class="glyphicon glyphicon-chevron-right"></i>Item E</a></li>
        <li><a href="#"><i class="glyphicon glyphicon-chevron-right"></i>Item F</a></li>
      </ul>
    </div>
  </div>
</div>

.nav-custom i.glyphicon {
    margin-right: 25px;
}
.nav-custom li {
    border-top: 1px solid #DDD;
}
.nav-custom li:first-child {
    border-top: none;
}