Ayuda con float

RadamantiusS · #1 (**permalink**) 31/12/2010, 18:55

Necesito que la lista me aparezca dentro de #cab. He probrado poner el clear en miles de formas y nada

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css" media="screen">
body {text-align:center; font: 11px/1.5em Verdana; color:#FFF;}
#cab {width:90%; border:2px #F90 solid; background:#FF9; padding:0; margin:0 auto; line-height:1.8em; }
ul{list-style:none; clear:both;}
li {display:inline; border: 2px #F90 solid; float:left; background:#FC9; margin:6em; width:22%; padding:1em;}
a:link, a:visited{display:block; color:#FFF; text-decoration:none;}
a:hover, a:active{text-decoration:none;}
</style>
</head>

<body>

<div id="cab">
<ul>
<li><a href="#">Titulo 1<br/>Contenido numero 1</a></li>
<li><a href="#">Titulo 2<br/>Contenido numero 2</a></li>
<li><a href="#">Titulo 3<br/>Contenido numero 3</a></li>
<li><a href="#">Titulo 4<br/>Contenido numero 4</a></li>
</ul
</div>

</body>
</html>

Feliz Año Nuevo 2010

GAST0N · #2 (**permalink**) 01/01/2011, 02:59

al div #cab agregale float:left;

saludos!!

feliz año nuevo!

RadamantiusS · #3 (**permalink**) 01/01/2011, 07:43

Problema resuelto, gracias