Subrayar texto en HTML con CSS

Subrayar texto en HTML con CSS

CSS

Antiguamente si queríamos realizar un subrayado al texto en nuestra página web o blog, utilizábamos la etiqueta u de HTML.

Aunque esta forma sigue funcionando, y es compatible con todos los navegadores web, quizás nos encontremos con que no podemos utilizar esta etiqueta.

Por ello, a continuación os mostraremos dos formas de poder subrayar un texto utilizando CSS.

En línea

Añadiremos el subrayado mediante el atributo style en la propia etiqueta de HTML.

<span style="text-decoration: underline;">Este texto se mostrará subrayado</span>

Clase CSS

Crearemos una clase y la aplicaremos en nuestro código HTML.

.subrayado{
	text-decoration: underline;
}
<span class="subrayado">Este texto se mostrará subrayado</span>

Vista previa

Este texto se mostrará subrayado

Escribe una respuesta