title: Have border wrap around text
body: <p>Suppose I have a div with some text in it</p>
  
  <pre><code>&lt;div id='page' style='width: 600px'&gt;
    &lt;h1 style='border:2px black solid; font-size:42px;'&gt;Title&lt;/h1&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The border for the heading will extend all 600 pixels across the page, but I want the word "Title" to fit tightly inside. However, I don't know ahead of time how many pixels wide the word is so I can't for example put the "Title" inside a div and set its width explicitly. </p>
  
  <p>Is there an easy way to make a border fit around text that does not fully extend horizontally across an area? </p>