| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <!-- Meta --> | |
| <meta charset="utf-8"> | |
| <meta name="description" content=""> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <title>Toast.css Nested Divs</title> | |
| <!-- /Meta --> | |
| <!-- Styles --> | |
| <!--[if lt IE 9]> | |
| <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> | |
| <![endif]--> | |
| <link rel="stylesheet" type="text/css" href="http://clients.webstudenten.nl/Toast/toast.css"> | |
| <link rel="stylesheet" type="text/css" href="http://clients.webstudenten.nl/Toast/style.css"> | |
| <!-- /Styles --> | |
| </head> | |
| <body> | |
| <!-- Container --> | |
| <div class="container"><div class="grid"> | |
| <aside class="unit one-of-three"> | |
| <h2>Unit one-of-three</h2> | |
| </aside> | |
| <section class="unit two-of-three"> | |
| <h2>Unit two-of-three</h2> | |
| <div class="grid"> | |
| <div class="unit one-of-two"> | |
| <h2>Nested unit one-of-two</h2> | |
| </div> | |
| <div class="unit one-of-two"> | |
| <h2>Nested unit one-of-two</h2> | |
| </div> | |
| </div> | |
| </section> | |
| </div></div> | |
| <!-- /Container --> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment