Cita:
Iniciado por juandaweb 
Tengo una página con 5 cajas y las quiero colocar en la siguiente disposición:
x x
x
x x
Las tengo todas con float:left
La tercera de ellos le pongo clear:both para que aparezca en la segunda fila, pero no funciona como espero.
La unica opción que me funciona es poner tanto la 3 como la 4ª con clear:left.
¿Alguna idea?
Gracias!
El código:
<!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" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Las bolas 1 a 1</title>
<style>
.bolas_billar {float: left;}
#bola9 {clear: left;}
#bola10 {clear: left;}
</style>
</head>
<body>
<img id="bola7" class="bolas_billar" src="./images/bola7.jpeg" alt="Bola billar 7" width="210" height=170/>
<img id="bola8" class="bolas_billar" src="./images/bola8.jpeg" alt="Bola billar 8" width="210" height=170/>
<img id="bola9" class="bolas_billar" src="./images/bola9.jpeg" alt="Bola billar 9" width="210" height=170/>
<img id="bola10" class="bolas_billar" src="./images/bola10.jpeg" alt="Bola billar 10" width="210" height=170/>
<img id="bola13" class="bolas_billar" src="./images/bola13.jpeg" alt="Bola billar 13" width="210" height=170/>
</body>
</html>