CSS Layout Properties Test Page

On bottom are 5 HTML <div> elements, visible as colored bars. You can change the CSS layout properties of each by using the setting panel of same color.
Mind that

top, left, bottom, right and z-index are ignored when position is static
width and height are ignored when display is inline

Text and CSS Settings

Text:	Box 1
position:
display:
float:
clear:
height:
width:
top:
left:
right:
bottom:
z-index:

Text:	Box 2
position:
display:
float:
clear:
height:
width:
top:
left:
right:
bottom:
z-index:

Text:	Box 3
position:
display:
float:
clear:
height:
width:
top:
left:
right:
bottom:
z-index:

Text:	Box 4
position:
display:
float:
clear:
height:
width:
top:
left:
right:
bottom:
z-index:

Text:	Box 5
position:
display:
float:
clear:
height:
width:
top:
left:
right:
bottom:
z-index:

Box 1

Box 2

Box 3

Box 4

Box 5