| <!DOCTYPE html> | |
| <title>Reference for legend position: relative</title> | |
| <style> | |
| div { display: inline-block; background: lime; } | |
| .a { width: 100px; height: 200px; } | |
| .b { width: 100px; height: 100px; } | |
| .c { width: 200px; height: 200px; } | |
| </style> | |
| <p>There should be no red.</p> | |
| <div class=a></div><div class=b></div><div class=c></div> |