css - <li> 问题，链接在彼此之上而不是并排

Question

希望您能看出问题所在，我希望链接并排而不是彼此重叠？

你能看看 JS Fiddle 上的问题是什么吗:http://jsfiddle.net/pky7X/

谢谢你的帮助

Answer 1

起初，您忘记了 <ul></ul>

<style>
ul {
   list-style-type: none;
}
li {
   float: left;
   border: 1px solid #ff9900;
}
</style>

<ul>
   <li><a href="../">Home</a></li>
   <li><a href="../">About</a></li>
</ul>