title: <hr/> tag should increase size dynamically based on text
body: <p>I have <code>&lt;hr/&gt;</code> tag, that should be dynamically increase its size based on text below to <code>&lt;hr/&gt;</code> tag. </p>
  
  <pre><code>&lt;div class="outer"&gt;
  &lt;hr class="line"/&gt;
  The above line should be match with this sentence.
  &lt;/div&gt;
  </code></pre>
  
  <p>Suggestions please.</p>