title: Title with hr line
body: <p>I need to made simple title but with line crossing it. Just like on the picture:
  <img src="https://i.stack.imgur.com/ghWBc.png" alt="enter image description here"></p>
  
  <p><strong>Here is CODE:</strong></p>
  
  <ul>
  <li><p>HTML:</p>
  
  <pre><code>          &lt;div id="intro"&gt;
            &lt;div class="bg_big bg_big_green glow"&gt;&lt;div id="opac1"&gt;&lt;h1&gt;TITLE WITH LINE&lt;/h1&gt;&lt;p&gt;111&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;
                &lt;div class="story"&gt;
                &lt;div class="float-left"&gt;
  
  
                &lt;/div&gt;
              &lt;/div&gt; &lt;!--.story--&gt;
  
  
            &lt;/div&gt; &lt;!--#intro--&gt;
  </code></pre></li>
  </ul>
  
  <p>All code in here: <a href="http://jsfiddle.net/k4Bq4/6/" rel="nofollow noreferrer">JSfiddle</a></p>