body { background-color: maroon; margin: 1em; } #lines { background-color: white; width: 720px; height: 1560px; margin: 0 auto 0 auto; } #backcourttop { position: relative; top: 5px; left: 5px; background-color: green; width: 690px; height: 343px; padding: 10px; } #deucecourttop { position: relative; float: left; top: 10px; left: 5px; background-color: green; width: 353px; height: 405px; vertical-align: top; } #adcourttop { position: relative; float: right; top: 10px; right: 5px; background-color: green; width: 352px; height: 405px; vertical-align: top; } #adcourtbottom { clear: both; position: relative; float: left; top: 15px; left: 5px; background-color: green; width: 353px; height: 405px; } #deucecourtbottom { position: relative; float: right; top: 15px; right: 5px; background-color: green; width: 352px; height: 405px; } #backcourtbottom { clear: both; position: relative; top: 20px; left: 5px; background-color: green; width: 690px; height: 342px; padding: 10px; } h1 { text-align: center; } h3 { margin: 1em 0 0 10px; } p { margin: 1em 0 0 10px; }