CSS 4: DIBUJAR UNA CAJA CON TEXTO, CON EL ATRIBUTO STYLE Y CON CÓDIGO CSS

Si queremos dibujar una caja en un solo post, podemos incluirlo como atributo dentro de la etiqueta <div>:

<div style="width: 200px; height:200px; border: 1px solid #000000; color: #ffff00; text-align: left; background: #6699FF;">Caja 1 de 200px x 200px</div>

Pero si queremos dibujar la caja en distintos post, es más recomendable incluir estas características en la plantilla HTML con un selector de clase:

        .caja5 {
        width: 250px;
        height:100px;
        border: 3px solid #0000ff;
        color: #ffff00;
        text-align: left;
        background: #6699FF;
        }

y en la entrada pondríamos:

        <div class=”caja5”>Caja con estilo</div>

Práctica adaptada de ¿Cómo se hace...?