| <!doctype html> | |
| <meta charset="utf-8"> | |
| <title>CSS Test Reference</title> | |
| <style> | |
| .outer { | |
| display: block; | |
| width: 500px; | |
| background: purple; | |
| border: 1px solid green; | |
| } | |
| .half { | |
| display: inline-block; | |
| width: 50%; | |
| background: blue; | |
| } | |
| .half + .half { | |
| background: yellow; | |
| } | |
| </style> | |
| <div class="outer"> | |
| <div class="half">A</div> | |
| <!-- White space here should take up space --> | |
| <div class="half">B</div> | |
| </div> |