Why did all div appear under each other? : <p>I am not asking this because it's a problem for me, actually, that's exactly how I wanted to display the divs, but I didn't know they would appear below each other. Why is that? I only gave them width and height, I didn't position them.
I thought they would appear on each other at the same position</p>

<pre><code>&lt;div class="D1"&gt;

&lt;/div&gt;
&lt;div class="D2"&gt;

&lt;/div&gt;

&lt;div class="D3"&gt;

&lt;/div&gt;

&lt;div class="D4"&gt;

&lt;/div&gt;

.D1,.D2,.D3,.D4{ 
border:1px solid;
border-color:red;
width:500px;
height:200px;
}
/*  OR 
div{
border:1px solid;
border-color:red;
width:500px;
height:200px;
}
*/
</code></pre>

<p>Sorry for this probably dumb question, but I'm just curious :D</p>
