<?xml versión="1.0" codificación="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transicional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml ">
<cabeza>
<título>Documento sin título</título>
<meta http-equiv="Tipo de contenido" content="text/html; charset=iso-8859-1" />
<tipo de estilo="texto/css">
cuerpo {text-align:center}
#exterior {
ancho: 60%;
fondo:#ffffcc;
margen:automático;
alineación de texto:centro;
}
.interno {
ancho: 100 px;
altura: 100 px;
margen: 5px;
borde: 1px sólido #000;
}
* html .inner {display:inline}/* para es decir*/
html>cuerpo #exterior {display:table}/*para mozilla */
html>body .inner {display:table;float:left}/*para mozilla */
@media todo y (ancho mínimo: 0px){/* estilos de opera 7 */
html>cuerpo .inner {display:inline-block;float:none;}
}
</estilo>
</cabeza>
<cuerpo>
<!-- forzar el modo peculiaridades usando el prólogo xml -->
<div id="exterior">
<div class="inner">prueba</div>
<div class="interior">2</div>
<div class="interior">3</div>
<div class="interior">4</div>
<div class="interior">5</div>
<div class="interior">6</div>
<div class="interior">7</div>
<div class="interior">8</div>
<div class="inner">9</div>
<div class="interior">10</div>
<div class="interior">11</div>
<div class="interior">12</div>
<div class="interior">13</div>
<br estilo="claro:ambos" />
</div>
</cuerpo>
</html>