h1 dont le texte est centré horizontalement acec une barre horizontale qui s’affiche à gauche et à droite du texte, centrée verticalement par rapport au texte. Compatible Ie8+.
A Pen by Jean-Marc Caillat-Grenier on CodePen.
h1 dont le texte est centré horizontalement acec une barre horizontale qui s’affiche à gauche et à droite du texte, centrée verticalement par rapport au texte. Compatible Ie8+.
A Pen by Jean-Marc Caillat-Grenier on CodePen.
<h1>Titre centré avec filet autour, et le titre peut être aussi long que l'on veut</h1> |
body {background: #bada55} | |
h1{position: relative; text-align: center; padding: 0 30%; overflow: hidden;} | |
h1:before, h1:after{content:'';position: absolute; width: 50%; height: 1px; background-color: #000; top: 50%;} | |
h1:before{right: -21%;} | |
h1:after{left: -21%;} |