Line 1: |
Line 1: |
− | {{#CSS:
| + | A playground, sandbox, test zone for Marc B and Thian. :-) |
− | <meta name="viewport" content="width=device-width, initial-scale=1"> | + | <!-- Google tag (gtag.js) --> |
− | <style> | + | <script async src="https://www.googletagmanager.com/gtag/js?id=G-9FPK3M5Y7K"></script> |
− | * {
| + | <script> |
− | box-sizing: border-box; | + | window.dataLayer = window.dataLayer || []; |
− | }
| + | function gtag(){dataLayer.push(arguments);} |
| + | gtag('js', new Date()); |
| | | |
− | /* Create two equal columns that floats next to each other */
| + | gtag('config', 'G-9FPK3M5Y7K'); |
− | .column {
| + | </script> |
− | float: left; | + | <html> |
− | width: 50%;
| + | <body> |
− | padding: 10px;
| + | <head> |
− | height: 300px; /* Should be removed. Only for demonstration */
| |
− | }
| |
| | | |
− | /* Clear floats after the columns */ | + | </head> |
− | .row:after { | + | <h1>My First Heading</h1> |
− | content: "";
| + | <p>My first paragraph.</p> |
− | display: table;
| |
− | clear: both;
| |
− | }
| |
− | </style> | |
− | }}
| |
| | | |
− | <h2>Two Equal Columns</h2>
| + | </body> |
− | | + | </html> |
− | <div class="row">
| |
− | <div class="column" style="background-color:#aaa;">
| |
− | <h2>Column 1</h2>
| |
− | <p>Some text..</p>
| |
− | </div>
| |
− | <div class="column" style="background-color:#bbb;">
| |
− | <h2>Column 2</h2>
| |
− | <p>Some text..</p>
| |
− | </div>
| |
− | </div> | |