title: How to shorten the length of underline by reducing 30px from both ends in HTML?
body: <p>I want to add an underline under my h1 heading and make it just a little short then the heading itself. 30px space should remove from both ends. how to fix this?</p>
  <pre><code>&lt;h1&gt;Heading&lt;/h1&gt;
  </code></pre>
  <pre><code>h1 {
    border-bottom: 2px solid #000000;
    width: fit-content;
  }
  </code></pre>