title: How do I make the width of a container <p> tag match the width of the <span> it contains?
body: <p>I have a paragraph that contains a span. The <code>&lt;p&gt;</code> tag's width is much wider than the <code>&lt;span&gt;</code> it contains, but I would like it to be only as large as its child <code>&lt;span&gt;</code>. </p>
  
  <pre><code>&lt;p&gt;
      &lt;span&gt;Some text.&lt;/span&gt;
  &lt;/p&gt;
  </code></pre>
  
  <p>I tried <code>width: auto</code> but that doesn't seem to work. </p>