blob: 935a370fe688e9f5634a2c168d45eeb71596a432 [file] [log] [blame]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html lang="en">
<head>
<title>CSS Block Box Model: block widths with position:relative</title>
<style type="text/css">
.control { display: inline; font: 1em/1 Ahem, sans-serif; background: red; color: white; }
.outer { position: relative; height: 300px; width: 100px; background: red; }
.inner { width: 200%; height: 200%; font: 100px/1 Ahem; color: green; }
body { -webkit-writing-mode: vertical-lr; }
</style>
</head>
<body>
<div class="control">Ahem_font_required_for_this_test.</div>
<div class="outer">
<div class="inner">XXX</div>
</div>
</body>
</html>