title: How do I stop my boxes from stretching?
body: <p>how do I stop this box from stretching? 
  Here's the code and the result:</p>
  
  <p><strong>CSS</strong>:</p>
  
  <pre><code>.social {
      padding-left: 1000px;
      border: 5px inset black;
      margin: 4px;
      width: 100px;
  }
  </code></pre>
  
  <p><strong>HTML</strong>:</p>
  
  <pre><code>&lt;div class="social"&gt;
      &lt;p&gt;Social&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Result:</p>
  
  <p><img src="https://i.stack.imgur.com/1JakZ.jpg" alt="enter image description here"></p>