Duda en una lista ul

ismaelfdi · #1 (**permalink**) 09/12/2012, 16:41

Tengo el siguiente código::

<style type="text/css">
@import url('css/reset.css');

ul {
border: 1px solid black;
width: 200px;
float: left;
clear: both;
}

div {
border: 1px solid red;
}
</style>

</head>

<body>

<ul class="menu">
<li><a href="#">Parrafo 1</a></li>
<li><a href="#">Parrafo 2</a></li>
<li><a href="#">Parrafo 3</a></li>
<li><a href="#">Parrafo 4</a></li>
<li><a href="#">Parrafo 5</a></li>
<li><a href="#">Parrafo 6</a></li>
</ul>

<div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam cursus. Morbi ut mi. Nullam enim leo, egestas id, condimentum at, laoreet mattis, massa. Sed eleifend nonummy diam.
</p>
</div>

Se supone que al hacer un clear: both a la lista flotante ul, el texto siguiente no deberia de aparecer al lado derecho, pero sigue apareciendo .. alguien puede explicare por que????

Saludos a todos y muchas gracias ...

pzin · #2 (**permalink**) 09/12/2012, 18:21

El clear lo tendrías que aplicar al DIV que le sigue. No sé qué sentido le verás aplicándolo a UL.

Intenta usar highlight cuando posteas código.

flashmax · #3 (**permalink**) 09/12/2012, 18:28

Hola as como te dijo Bonez no al ul sino al div

Código HTML:

.texto{
clear: both;
}

<div class="texto">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam cursus. Morbi ut mi. Nullam enim leo, egestas id, condimentum at, laoreet mattis, massa. Sed eleifend nonummy diam.
</p>
</div>

o sino tambien al p

Código HTML:

p {
clear: both;
}