body { background-color: #585858; text-align: center; margin: 0px auto; font-family: tahoma; font-size: 11px; } #container { width: 700px; margin: 0px auto; text-align: left; } #header { width: 660px; background: url(images/header-bg.jpg) repeat-x; height: 78px; padding: 20px; } #header a { font-size: 20px; font-family: arial; color: #000; text-decoration: none; } #header a:hover { text-decoration: underline; } #hnav { width: 700px; background: url(images/navigation-bg.jpg) repeat-x; height: 25px; padding-top: 7px; } #hnav a { padding-left: 60px; padding-right: 60px; color: #fff; font-weight: bold; text-decoration: none; } #hnav a:hover { text-decoration: underline; } #snav { width: 155px; border: 1px solid #484848; text-align: center; padding-top: 20px; padding-bottom: 20px; float: left; background-color: #747474; } #snav ul { list-style: none; padding: 0px; margin: 0px; } #snav a { color: #71fd2a; text-decoration: none; } #snav a:hover { text-decoration: underline; } #content { width: 537px; background-color: #747474; border: 1px solid #484848; float: left; margin-left: 4px; } #content .header { background: url(images/content-header-bg.jpg) repeat-x; height: 19px; width: 483px; border: 1px solid #454545; padding-top: 4px; padding-left: 15px; font-weight: bold; } #content .text { background-color: #a2a2a2; border-left: 1px solid #454545; border-right: 1px solid #454545; border-bottom: 1px solid #454545; width: 484px; padding: 7px; } #footer { width: 690px; background: url(images/footer-bg.jpg) repeat-x; height: 32px; padding: 5px; margin-top: 5px; color: #cbcbcb; font-size: 10px; } .end { clear: both; } HTML:
Nav Link Nav Link Nav Link Nav Link
News Post 1
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam imperdiet, lacus nec hendrerit suscipit, est felis ultrices diam, ac facilisis nunc turpis a turpis. Duis dictum varius nulla. Integer pulvinar libero in leo. Etiam nonummy tortor a odio mattis porta. Nulla feugiat. Sed vitae arcu ut augue tincidunt sollicitudin. Nullam et ante. Sed leo nunc, pulvinar id, tempor hendrerit, vehicula vel, velit. Sed a libero quis elit placerat bibendum. Morbi facilisis nunc a est. Cras porttitor lobortis erat. Integer pellentesque semper ipsum. Vestibulum posuere.