Saltar la navegación

Un recuadro sencillo

HTML

<div class="bloque">
    <div class="cabecera">Título del recuadro</div>
    <div class="cuerpo">Contenido del recuadro.</div>
</div>

CSS

.bloque{
    width:150px;
}

.cabecera{
    background-color: #5fa6d7;
    font-weight: bold;
    padding: 2px;
}

.cuerpo{
    font-size: 8pt;
    padding: 4px;
    background: #ffffcc;
}

Actividad

Podéis intentar incluir en un texto una imagen centrada con un pie de foto. El marcado podría ser algo así:

<div class="imagen">
    <p class="archivo"> ... </p>
    <p class="descripcion"> ... </p>
</div>