title: CSS technique for a horizontal line with words in the middle
body: <p>I'm trying to make a horizontal rule with some text in the middle.
  For example:</p>
  
  <p>----------------------------------- my title here -----------------------------</p>
  
  <p>Is there a way to do that in CSS? Without all the "-" dashes obviously.</p>