para - ¿Cómo hacer que una lista HTML aparezca horizontalmente en lugar de verticalmente usando solo CSS?

como hacer un menu vertical en html

Question

Necesito esto porque quiero hacer que un menú (que está hecho de una lista HTML) aparezca en forma horizontal.

Prefiero no usar el posicionamiento absoluto, ya que podría volverse desordenado cuando empiece a cambiar el diseño de la página.

También me gustaría eliminar la sangría de las sublistas. ¿Es posible?

Answer 1

Esta es la única forma más para esta pregunta.

MANIFESTACIÓN

HTML

<div id="menu">
  <ul>
    <li>First menu item</li>
    <li>Second menu item</li>
    <li>Third menu item</li>
  </ul>
</div>

CSS

#menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#menu li {
  display: inline-block;
}

Answer 2

Tendrás que usar algo como a continuación

#menu ul{
  list-style: none;
}
#menu li{
  display: inline;
}
 

<div id="menu">
  <ul>
    <li>First menu item</li>
    <li>Second menu item</li>
    <li>Third menu item</li>
  </ul>
</div>

Answer 3

bastante sencillo:

ul.yourlist li { float:left; }

o

ul.yourlist li { display:inline; }