Buscador


En todo Internet
En Uterra.Com

Contenidos


El problema de destacar un fragmento de texto puede no parece de entrada algo relevante, no obstante nos pedemos encontrar con que el texto resaltado ocupa mas espacio de lo que deseamos. Por lo general, el sobreado afecta a toda una linea, ahora veremos como hacer este sobreado unicamente al segmento de texto que queremos que se vea afectado.

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="iso-8859-1" />
<title>Anchura de la linea de texto.</title>  

<style type="text/css">   

.texto1{   
display:inline; /*--El color solo ocupa el espacio del texto--*/   
background-color:#e0d302;   
}  

.texto2{   
background-color:#e0d302; /*-- El color ocupa todo el espacio del navegador--*/   
}  

</style>  
</head>  

<body>  

<p class="texto1">El sombreado solo ocupa el espacio del texto.</p> 

<p class="texto2">El sombreado ocupa toda la anchura de la linea.</p> 

</body>  

</html>