Block-level elements behavior with float or display property

1. DIV Tags | block element
1. When we create a div normally a new line is assign for a rectangular box with full width.
2. Without using float:left block element(div) always act like display:block, it means each block element has acquired the total line because height is present. If content is empty and using float:left then empty div is vanished what ever the height is. Example
3. Multiple block elements in a single line, simply doing float:left/... in block level element. Example 2.
4. Block elements act like width is auto and elements are inline when property display:inline-block; is used. Example 3.

⌚ CSS3 Essentials