Respuesta a: Div con CSS

Inicio Foros WordPress Themes y Diseño Div con CSS Respuesta a: Div con CSS

#56172

almendron
Participante

Para todos aquellos que quieran incluir en sus entradas o páginas un cuadro con las siguientes características:

1) Admite tanto imágenes como texto.

2) La altura del cuadro se adapta a la altura del texto o a la de la imagen.

3) Centrado

Editar la hoja de estilos y añadir la siguiente class

.cuadrocentrado {
float:left;
margin: 10px 10% 10px 10%;
color: #8d8b8b;
padding:10px;
}

Donde “cuadrocentrado” se puede cambiar por el nombre que queráis.

Donde 10% es el margen tanto derecho como izquierdo. En esta caso, el cuadro ocupa el 80%.

Podéis añadir más características como borde, alineación de texto, etc.

En la entrada o página donde queráis que aparezca, poner en el editor HTML

<div class="cuadrocentrado">Contenido</div>

Un ejemplo aquí

[url=http://www.almendron.com/artehistoria/historia-de-espana/edad-moderna/la-flota-de-indias/la-creacion-del-sistema/]http://www.almendron.com/artehistoria/historia-de-espana/edad-moderna/la-flota-de-indias/la-creacion-del-sistema/[/url]

Pin It on Pinterest