CSS Modelo caja

width

La propiedad width especifica el ancho del contenido de las cajas.

[Sintaxis]

width: <length> | <percentage> | auto

height

La propiedad height especifica la altura del contenido de las cajas.

[Sintaxis]

height: <length> | <percentage> | auto

Ejemplo

[style.css]

p{
  width: 300px;
  height: 300px;
  background-color: red;
}

[index.html]

<p>This is a paragraph</p>

 

Ver también 10 Visual formatting model details.

Reto

1. Establece el tamaño de las cajas.

#wrapper{
  width: 900px;
}
nav{
  width: 200px;
}
footer{
  height: 50px;
  text-align: center;
}
#main{
  width: 400px;
}
aside{
  width: 250px;
} 

 

 Fuente: www.w3.org