16 lines
498 B
HTML
16 lines
498 B
HTML
<html>
|
|
<head>
|
|
<style>
|
|
#a { position: relative; height: 150px; width: 100px; border: 2px solid black; }
|
|
#b { position: absolute; top: 25px; height: auto; left: 0; bottom: 25px; }
|
|
body { -webkit-writing-mode: vertical-lr }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<p>The blue box should be vertically centered in the black box with 25px of white on the top and bottom.</p>
|
|
<div id="a">
|
|
<img id="b" src="../resources/square-blue-100x100.png">
|
|
</div>
|
|
</body>
|
|
</html>
|