title: Style thicker underline CSS
body: <p>I wanted to add a thicker underline to my h1 tags so I used "border-bottom" as suggested in multiple Stack Overflow questions. However, the border extended well beyond the text, so I decided to add the display property "inline-block" to make the border conform to the text's bounds. This, however, made the element lack a line break after the content. I know I could always add the "br" tag, but I'd prefer to keep that in my styling. Is there anything I can do? Here is my current CSS:</p>
  
  <pre><code>h1
  {
      font-weight:normal;
      margin-bottom:5px;
      border-bottom: 2px solid;
      display: inline-block;
  }
  </code></pre>