Letra Capital con CSS

Si quieres hacer que un texto de tu blog o pagina web comience con una letra capital, que por si no lo sabes, es una letra al inicio de un texto o párrafo que es más grande que el resto, quedando asi:

DEMO!


¿Como puedo hacer esto?, pues muy fácil, tan solo añadiendo unas lineas de código css y en el documento html "mete" dentro de un span la primera letra del texto al que le queremos dar estilo.

CSS:

.dropcap
{
    float: left;
    padding-right: 5px;
    display: block;
    font-size: 70px;
    line-height: 60px;
}

HTML:

<span class="dropcap">P</span>

Comentarios

Publicar un comentario