The styles applied here are:
.inner {background-color: #f99; color: black; }
.outer {background-color: #9f9; color: black;
border-style: solid; border-width: medium;
margin-top: 5px; margin-bottom: 5px;}
.mone { margin: 10px; }
.mtwo { margin: 10px 20px; }
.mthree { margin: 10px 20px 30px; }
.mfour { margin: 10px 20px 30px 40px; }
.pone { padding: 10px; }
.ptwo { padding: 10px 20px; }
.pthree { padding: 10px 20px 30px; }
.pfour { padding: 10px 20px 30px 40px; }
.bone { border-style: solid; border-width: 10px; }
.btwo { border-style: solid; border-width: 10px 20px; }
.bthree { border-style: solid; border-width: 10px 20px 30px; }
.bfour { border-style: solid; border-width: 10px 20px 30px 40px; }
DIV should have a 10px margin.
DIV should have a 10px margin on the top and
bottom and a 20px margin on the right and left.
DIV should have a 10px margin on the top,
a 20px margin on the right and left, and a 30px margin on the bottom.
DIV should have a 10px margin on the top,
a 20px margin on the right, a 30px margin on the bottom, and a 40px
margin on the left.
DIV should have 10px of padding.
DIV should have 10px of padding on the top and
bottom and 20px of padding on the right and left.
DIV should have 10px of padding on the top,
20px of padding on the right and left, and 30px of padding on the bottom.
DIV should have 10px of padding on the top,
20px of padding on the right, 30px of padding on the bottom, and 40px
of padding on the left.
DIV should have a 10px border.
DIV should have a 10px border on the top and
bottom and a 20px border on the right and left.
DIV should have a 10px border on the top, a
20px border on the right and left, and a 30px border on the bottom.
DIV should have a 10px border on the top, a
20px border on the right, a 30px border on the bottom, and a 40px
border on the left.
(Back to CSS Testing Information, David Baron)