CSS: Try It Out!

body   { font-size: 12px; background-color:#f4f3e9; font-family:verdana,arial,sans-serif; }
table  { width: 95%; margin: 0 auto; border: 1px solid #999; }
td     { vertical-align: top; }

/* Note: .master_table is the main table with the dashed green border */
.master_table    { border: 5px dashed #0C0; } 
.master_table_header_td {
       border: 1px solid; border-color: #fff #999 #999 #fff; text-align: center;
       font-weight:bold; background:#eee url('http://img85.imageshack.us/img85/4557/marblebg2hu.jpg'); }
.first_list_td   { border: 1px solid #999; width:50%; }
.second_list_td  { border: 1px solid red; background:#fff; }

/* Note: .inner_table is the table with the dashed purple border. */
.inner_table     { font-size: 20px; width: 50%; border: 5px dashed #C9E; text-align: right; }
.first_inner_td  { border: 1px solid gray; background-color: white; vertical-align:bottom; }
.second_inner_td { font-size: 25px; border: 1px dashed #ff0; background: green; color: white; text-align: left; }
.third_inner_td  { border: 1px solid black; background: #f03cd9; }

.firstspan, .secondspan, .thirdspan, .fourthspan { border: 1px solid black; }
.secondspan { color: #0C0; border-color:#00F; }
.fourthspan { display: block; margin: 1em 2em; background:#ccc; font: 110% georgia,'times new roman',serif; }

span.firstspan span.secondspan span.thirdspan span.fourthspan

master_table_header_td

td.first_list_td

td.second_list_td

td.first_list_td

td.second_list_td

td.first_inner_td

td.second_inner_td

td.third_inner_td

td.second_list_td

CSS Practice