html - 在下拉菜单选项中用分隔符分隔一系列链接

Question

我想添加一个分隔线 - 一条简单的实线 - 以分隔下拉菜单选项中的一系列链接。我不完全确定如何去做。我有以下编码，但它并没有给我留下我想要的印象。我也无法理解我将如何自定义此“分隔线”以使其看起来像我理想中希望它出现的方式。

<li><a href='#'>Social</a>
<ul> 
<li><a href='http://www.pinterest.com/blankesque'>Pinterest</a></li>
<li><a href='http://www.twitter.com/itsblankesque.com'>Twitter</a></li>
<li><a href='http://www.bloglovin.com/people/aladyinwhite-8315551'>Bloglovin</a></li>
<li><a href='http://www.instagram.com/blankesque/blankesquexo'>Instagram</a></li>
<ul class='dropdown-divider' aria-labelledby='dropdownMenuDivider'>
<li><a href='mailto:blankesque@hotmail.com'>Email</a></li>
<li role='separator' class='divider'></li></ul>
</ul></li>

在这件事上的任何帮助将不胜感激。提前谢谢你。

伊朗

Answer 1

那里没有 Css，所以我继续在那里做了一些事情。

 ul li {display:block;margin-right:2px;
 min-width:60px;
 text-align: center;
 height: 25px;
 border-bottom:1px solid black;
 }

检查链接，让我知道，你希望它水平显示还是像现在一样垂直显示？

http://codepen.io/damianocel/pen/RWEVPW