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.

Si desea saber más, le proponemos el siguiente libro:
couv_RIT35HTM.png
60-signet.svg
Versión impresa
20-ecran_lettre.svg
Versión online
41-logo_abonnement.svg
En ilimitado con la suscripción ENI
130-boutique.svg
En la tienda oficial de ENI
Anterior
El elemento <div>
Siguiente
El elemento <header>