Skip to navigation
Simple Static Layout Page Using HTML and CSS
10.11.22
<!DOCTYPE html> <html> <meta name="viewport" content="width=device-width, initial-scale=1"> <style type="text/css"> .wrapper { width: 960px; margin: 0 auto; } header { width: 960px; } nav, section { float: left; } nav { width: 200px; margin-right: 10px; } section { width: 750px; } *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } body { background: #2980b9; color: #FFF; font-family: Helvetica; text-align: center; margin: 0; } header, nav, section { border: 1px solid rgba(255,255,255,0.8); margin-bottom: 10px; border-radius: 3px; } header { padding: 20px 0; } nav, section { padding: 200px 0; } </style> <head> <title>CSS and HTML Page Layout</title> </head> <body> <div class="wrapper"> <h1>Static Layout Example</h1> <header>HEADER</header> <nav>NAV</nav> <section>SECTION</section> </div> </body> </html>
https://www.codespeedy.com/simple-static-layout-page-using-html-and-css/
Reply
Anonymous
Information Epoch 1770863873
Think parallel.
Home
Notebook
Contact us
