Escalar un div proporcionalmente
Ya que el padding-top o padding-bottom se calculan sobre el ancho del div del contenedor padre, se puede usar algo como:
.proportional {
width: 80%;
padding-bottom: 50%;
}
El width indica 80% del ancho del contenedor padre, y el padding-bottom 50% del ancho del contenedor padre también.
Ejemplo: http://jsfiddle.net/rulokc/sW3mk/
Referencias
- Proportionally scale a div with CSS based on max-width (similar to img scaling)
- CSS: A way to maintain aspect ratio when resizing a DIV?
Column Count
Permite dividir un texto en columnas.
Ejemplo: http://jsfiddle.net/rulokc/bJ9YZ/