Se me ocurre que ese código lo generes en un div con las propiedades precisas para que se coloquen 2 a 2 los div´s generados.
Tal que así:
Código html:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-es"> <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" /> * {margin:0;padding:0; position: relative;}
html, body {height: 100%;}
#contiene_contenedores {width:948px;;
padding:10px;
background: #333;
overflow: hidden;
}
.contenedor_generos {
float: left;
width:460px;
height:50px;;
text-align:center;
padding-left:2px;
margin: 5px;
border: 1px solid #ccc;
background: #cdcdcd;
}
<div id="contiene_contenedores"> <div class="contenedor_generos"> bla bla bla ...
</div> <div class="contenedor_generos"> bla bla bla ...
</div> <div class="contenedor_generos"> bla bla bla ...
</div> <div class="contenedor_generos"> bla bla bla ...
</div>
he cambiado tu "contenedor_generos" a una clase (no un id)
y he llamado "contiene_contenedores" (original
) donde debes generar los "contenedor_géneros" de tu código.
Un saludo