CSS - 列表边框不显示

Question

html:

<li>
    <a href="">text<span></span></a>
</li>

css:

ul{
    list-style:none
}
li{
  float: left  
}
a{
    padding: 10px;
    border: 1px solid #000;
}

在 chrome 中没有显示右边框：

图片：i.imgur.com/OycFyOk.png

FF 和 Safari 工作正常。

fiddle中的示例代码：

http://fiddle.jshell.net/yrntrapk/

Answer 1

你需要把display: block;到 "a" 元素：

a { display: block; }

Answer 2

删除 HTML 上的 Empty span 标签应该是解决此问题的最快方法。