title: CSS underline less than width of headline?
body: <p>Is it possible with CSS to make the underline of a headline less wide than the headline text? I have the following style for an H1 headline:</p>
  
  <pre><code>h1 {
    font-weight: 300;
    display: inline-block;
    padding-bottom: 5px;
    border-bottom: 1px #d2202f solid;
  }
  </code></pre>
  
  <p>This produces a thin red underline below my H1 headlines. However, is it possible to make it so that the underline is 50% of the text in the headline?</p>