Ligne horizontale à gauche et à droite d'un titre en CSS

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

h1 {
  display: table;
  white-space: nowrap;
  text-align: center;
}
h1:before, h1:after {
  content: "";
  display: table-cell;
  width: 50%;
  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=) repeat-x left center;
}