зеркало из https://github.com/mozilla/gecko-dev.git
31 строка
760 B
HTML
31 строка
760 B
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>Bug 1055658 - Relative positioning for ruby</title>
|
||
|
|
<link rel="stylesheet" href="common.css">
|
||
|
|
<style>
|
||
|
|
body {
|
||
|
|
font-family: monospace;
|
||
|
|
line-height: 80px;
|
||
|
|
}
|
||
|
|
rtc, rt {
|
||
|
|
font-size: 100% !important;
|
||
|
|
line-height: 1 !important;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
before
|
||
|
|
<ruby style="position: relative; top: 20px;">
|
||
|
|
<rb>base1</rb>
|
||
|
|
<rtc>text1</rtc>
|
||
|
|
<rb style="position: relative; left: 10px;">base2</rb>
|
||
|
|
<rtc style="position: relative; top: -20px;">text2</rtc>
|
||
|
|
<rbc style="position: relative; bottom: -20px;"><rb>base3</rb></rbc>
|
||
|
|
<rtc><rt style="position: relative; right: 10px;">text3</rt></rtc>
|
||
|
|
</ruby>
|
||
|
|
after
|
||
|
|
</body>
|
||
|
|
</html>
|