| <!DOCTYPE html> |
| <p>There should be two yellow boxes below, on a blue background.</p> |
| <div style="width:17em; height:13em; line-height:2em;"> |
| <div style="position:absolute; z-index:-1; left:0; right:0; height:13em; background:blue;"></div> |
| <div style="float:left; width:8em; height:100%;"> |
| <br> |
| <br> |
| <br> |
| <br> |
| <div style="margin:0.5em; height:4.5em; background:yellow;"> |
| first<br> |
| column<br> |
| </div> |
| </div> |
| <div style="float:left; width:1em; height:100%;"></div> |
| <div style="float:left; width:8em; height:100%;"> |
| <div style="margin:0 0.5em; background:yellow;"> |
| second<br> |
| column<br> |
| </div> |
| </div> |
| </div> |