body {background-color: #C7C7C7; margin: 0 auto;} #main {background-color: #EBEBEB; margin: 0 auto; width: 100%;} #left {text-align: left; float: left; width: 450px; margin-left: 15%; padding-bottom: 50px;} #right {text-align: left; float: right; width: 250px; margin-left: -500px; margin-right: 20px;}
And here's the html:
<div id="main" align="center"> <div id="left"> <p class="heading">A Commitment from the Heart to the Heart</p> <p class="text">text.</p> <p class="text">text</p> <p class="text">text</p> <p class="text">text.</p> </div> <div id="right"> <p class="heading">Our Services</p> <ul> <li>list</li> <li>list</li> <li>list</li> <li>list</li> </ul> <p class="heading">Make an Appointment</p> <p class="text">small paragraph with link to appointment page.</p> <p class="heading">Meet our staff</p> <p class="text">small paragraph with link to staff page.</p> </div>
Any tips?
Thanks!