title: why div and ul width and height are different from normal
body: <p>This is my code:</p>
  
  <p><strong>CSS</strong></p>
  
  <pre class="lang-css prettyprint-override"><code>div {
      height: 200px;
      width: 600px;
      border: 1px solid black;
  }
  ul {
      height: 200px;
      width: 600px;
      border: 1px solid black;
  }
  p {
      height: 200px;
      width: 600px;
      border: 1px solid black;
  }
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div&gt;&lt;/div&gt;
  &lt;ul&gt;
      &lt;li&gt;&lt;/li&gt;
      &lt;li&gt;&lt;/li&gt;
      &lt;li&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;p&gt;&lt;/p&gt;
  </code></pre>
  
  <p>I want to ask why the width and height are different from normal(paragraph and division) even if the width and height i set is the same?</p>