title: How to add border-bottom with full width for all line-break using css?
body: <p>I have small css code working on border-bottom. It work for single line text or only last line for multiple lines break.</p>
  <p>Css:</p>
  <pre><code>.underline{
      border-bottom: 1px dotted #000;
      width: 100%;
      display: block; //can not use inline because of fullwidth problem.
  }
  </code></pre>
  <p>Html:</p>
  <pre><code>  &lt;div class=&quot;underline&quot;&gt;
        Lorem Ipsum is simply dummy text of the printing and typesetting industry ....
    &lt;/div&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/a24KD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/a24KD.png" alt="enter image description here" /></a></p>
  <p>Any advice or guidance on this would be greatly appreciated, Thanks.</p>