title: Create line after text with css
body: <p>Im trying to make a line after each of my h2 tags. I can´t figure out how I should tell the width, cause the lenght of the h2 headlines is differ from h2 to h2.</p>
  
  <p>I use the :after method to create lines</p>
  
  <pre><code>       h2:after {
         position: absolute;
         content: "";
         height: 2px;
         background-color: #242424;
         width: 50%;
         margin-left: 15px;
         top: 50%;
         } 
  </code></pre>
  
  <p>Check code here: <a href="http://jsfiddle.net/s9gHf/">http://jsfiddle.net/s9gHf/</a>
  As you can see the line get too wide, and make the website too wide.</p>