title: how to get that underline below two lines from the text
body: <p>i have a text that needs an underline but i want that underline to be down below of text with some space</p>
  
  <p>i have an image to show what i required to do</p>
  
  <p><a href="https://i.stack.imgur.com/EICI6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/EICI6.png" alt="here is the image"></a></p>
  
  <p>here is the code i have tried</p>
  
  <p>index.html</p>
  
  <pre><code>&lt;div class="line"&gt;
  &lt;p class="text-center"&gt; &lt;u&gt; Offerings &lt;/u&gt; &lt;/p&gt;
  &lt;/div&gt;
  </code></pre>