| <!DOCTYPE html> | |
| <title>CSS Reference</title> | |
| <link rel="stylesheet" type="text/css" href="/fonts/ahem.css"> | |
| <style> | |
| .container { width: 100px; font: 20px/1 Ahem; } | |
| .before { width: 100px; height: 20px; background: green; } | |
| .gap { width: 100px; height: 40px; background: white; } | |
| .after { width: 100px; height: 20px; background: green; } | |
| </style> | |
| <p>Two green squares with a 40px gap; no red.</p> | |
| <div class="container"> | |
| <div class="before"></div> | |
| <div class="gap"></div> | |
| <div class="after"></div> | |
| </div> |