<li> проблем, ссылки идут друг на друга не бок о бок

Question

Надеюсь, вы понимаете, в чем проблема, я хочу, чтобы ссылки проходили рядом, а не друг над другом?

Подскажите, пожалуйста, в чем проблема на JS Fiddle: http://jsfiddle.net/pky7X/

Спасибо за любую помощь

Answer 1

Удалить margin: -35px 220px; из CSS и удалить <br /> из HTML.

Answer 2

Во-первых: вам не хватает <ul> вокруг ваших <li> тегов (не думайте, что это действительно в HTML5; раньше этого не было).Второе: зачем даже использовать элементы списка, а затем удалить list-style и добавить float?

Просто используйте <span> или <a> напрямую ...

<a href="./">Home</a><a href="./about">About</a>

...и затем используйте CSS, чтобы установить их отступы, стиль, разделители и т. д.

Answer 3

Удалите <br /> и поместите <li> теги внутри <ul>, например, так:

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

Answer 4

Сначала вы забыли <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>