我希望菜单项的文本离颜色条远一点，但不知道如何。在 Chrome 和 IE11 中获得相同的结果。
.smenu a {
display: block;
color: black;
padding: 16px 1px;
margin: 9px 5px;
text-decoration:none;
width: 4px;
background: #18dcff;
}<div class="smenu">
<div>
<div class="item" id="messages">
<div class="smenu">
<a href="#a">New</a>
<a href="#a">Sent Items</a>
<a href="#a">Spam</a>
</div>
</div>
</div>
</div>