blob: a5fc13090e7aef2b78028f366cc8495f79dfef8b (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Bug 1055658 - Relative positioning for ruby</title>
<script type="text/javascript" src="utils.js"></script>
</head>
<body style="font-family: monospace">
<div style="height: 80px; line-height: 80px;">
before
<div style="position: relative; top: 20px; display: inline-block">
<span id="inline" style="position: relative">
<div id="annotation" style="position: absolute; top: -100%;">
text1
<span style="position: relative; top: -20px;">text2</span>
<span style="position: relative; right: 10px;">text3</span>
</div>
base1
<span style="position: relative; left: 10px;">base2</span>
<span style="position: relative; bottom: -20px;">base3</span>
</span>
</div>
after
</div>
<script type="text/javascript">
makeBSizeMatchInlineBox(document.getElementById('annotation'),
document.getElementById('inline'));
</script>
</body>
</html>
|
