Índice

El elemento <span>

El elemento <span> se utiliza a menudo para realizar una división dentro de un párrafo de texto, por ejemplo. Resulta muy práctico para poner en un formato particular un texto que esté formateado de otra manera.

Veamos un ejemplo concreto: deseamos poner sobre fondo gris y con un borde cierta parte de un texto dentro de un párrafo.

He aquí el selector CSS:

.fondo-gris { 
    background-color: #eee; 
    padding: 0 5px; 
    border: 1px solid #333; 
}

He aquí su aplicación en el código HTML:

<p>Donec ullamcorper nulla non metus auctor 
fringilla. Morbi leo risus, <span class="fondo-gris">porta 
ac consectetur ac vestibulum</span> at eros. Donec sed odio...</p>

He aquí su representación:

images/C05-001.png

El archivo de este ejemplo se llama C05-span.html.