blob: 3dcaabbd647cb691af04dd4d0213dd96c7dfff49 [file] [log] [blame]
<!DOCTYPE html>
<title>CSS RefTest Reference</title>
<link rel="author" title="Adobe" href="http://html.adobe.com/">
<link rel="author" title="Bem Jones-Bey" href="mailto:bjonesbe@adobe.com">
<meta name="flags" content="ahem">
<style>
.container {
width: 75px;
height: 100px;
font: 25px/1 Ahem;
line-height: 25px;
border: 10px solid black;
display: inline-block;
-webkit-writing-mode: vertical-rl;
}
.left-text {
text-align: left;
}
.right-text {
text-align: right;
}
.left {
float: left;
width: 50px;
height: 75px;
}
.right {
float: right;
width: 50px;
height: 75px;
}
</style>
</head>
<body>
<p>Test passes if you see two black rectangle boxes with a smaller white rectangle in one corner of each.</p>
<div class="container left-text">
<div class="left"></div>
X<br/>
X<br/>
XXXX<br/>
</div>
<div class="container right-text">
<div class="right"></div>
X<br/>
X<br/>
XXXX<br/>
</div>
</body>