title: Can't change height/width of <div>
body: <p>I'm learning HTML/CSS and decided to try this:</p>
  
  <pre><code>&lt;p&gt;A paragraph with no margins specified.&lt;/p&gt;
  &lt;div style="width=300px; height=300px; background-color:yellow;&gt;&lt;p&gt;This paragraph is in a divider.&lt;/p&gt;&lt;/div&gt;
  &lt;p&gt;A paragraph with no margins specified.&lt;/p&gt;
  </code></pre>
  
  <p>After some googling, I found that you can't change width/height for inline elements. So I tried making both the <code>&lt;div&gt;</code> and <code>&lt;p&gt;</code> into block elements using <code>display:block</code>, but that didn't change anything. The width goes on infinitely off-screen, and the height is only as high as the <code>&lt;p&gt;</code> is. 
  I want there to be a <code>&lt;p&gt;</code> in a 300x300 <code>&lt;div&gt;</code>, so how can I do this? Also, why doesn't any of these ways work (even when I change to <code>display:block</code>)?
  Thanks.
  <br/>Also, I know you shouldn't use excessive CSS like I did. This is only because I was testing stuff with W3's "Try-It-Yourself" HTML editor.</p>