Título con línea horizontal detrás de él
A veces los títulos no se ven tan bien entre tanta sobriedad, como cuando están centrados y hay mucho espacio a su alrededor, por lo que uno busca la manera de maquillarlo para resaltar su impresión. Uno de mis métodos preferidos es estilizándolo con una línea detrás, pero nunca me ha gustado la manera en cómo se suele hacer, empleando etiquetas HR y posiciones absolutas. He aquí una forma más sencilla utilizando contenedores flexibles:
El CSS básico sería el siguiente:
Mientras que el HTML luciría algo así:
Y a continuación, un sencillo ejemplo, el cual puedes verlo en acción en esta página:
Publicar un comentario
Sé respetuoso, no publiques información personal (p. ej., direcciones de correos electrónicos) y evita el contenido publicitario o que esté fuera del tema tratado. El comentario estará visible después de ser aprobado por el administrador.