title: How to have a horizontal line at the middle of a html heading with CSS?
body: <p>Ok I now use an image to do it, but I want to do it via CSS(no absolut or relative positioning, I'm looking to make it responsive). </p>
  
  <p>Example here: <a href="http://teothemes.com/wp/services/" rel="nofollow">http://teothemes.com/wp/services/</a>. The heading is 'Services', right above the 3 content areas...I'd like to achieve the same effect with only CSS. I tried some things but it didn't work.</p>
  
  <p>Thank you.</p>