JSFiddle - React, Tailwind, and code Playground

HTML

<h1>titre h1 centré<br> carrément sur deux lignes</h1>

<p>OK sur IE8+ ! (Chrome bugs with nowrap)</p>

CSS

body {background: #bada55}

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;
}
p {text-align: center}