Desbordamiento de CSS: oculto con flotadores
yo leo elsiguiente código en w3schools y no entiendo como eloverflow
propiedad impactaría si el texto aparece a la derecha de laul
o no.
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
li {
float: left;
}
a {
display: block;
width: 60px;
background-color: #dddddd;
padding: 8px;
}
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
</ul>
<p><b>Note:</b> overflow:hidden is added to the ul element to prevent li elements from going outside of the list.</p>
Yo sé esooverflow:hidden
se utiliza para manejar el contenido que va fuera de la caja pero no entiende cómo se aplica en esta instancia.