<!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>