Run
HTML
HTML Layout
Header
Nav
Section
Article
Aside
CSS
.header_ele{ width: 100%; height: 60px; border: 1px solid #f1f1f1; text-align: center; background-color: #f1f1f1; color: #000; } .nav_ele{ width: 100%; height: 60px; border: 1px solid #f1f1f1; background-color: #f1f1f1; margin-top: 5px; text-align: center; color: #000; } .section_ele{ width: 60%; height: 150px; border: 1px solid #f1f1f1; background-color: #f1f1f1; margin-top: 5px; text-align: center; color: #000; } .article_ele{ width: 60%; height: 150px; border: 1px solid #f1f1f1; background-color: #f1f1f1; margin-top: 5px; text-align: center; color: #000; } .aside_ele{ width: 39%; height: 305px; border: 1px solid #f1f1f1; background-color: #f1f1f1; margin-top: -305px; float: right; color: #000; text-align: center; } .footer_ele{ width: 100%; height: 60px; border: 1px solid #f1f1f1; background-color: #f1f1f1; margin-top: 5px; text-align: center; color: #000; }
Follow Us