styling/ruby-position-inline/text-align-5.html

<!DOCTYPE HTML>
<title>ruby-positon: inline and text-align</title>
<style>
ruby {
  display: inline;
  ruby-position: inline;
  position: relative;
}
rt {
  display: block;
  position: absolute;
  border: thin dotted blue;
  top: 5em;
  left: 0;
  right: 0;
  text-align: center;
}
</style>
</head>
<body>
<p><ruby><rb>xxxxxxx</rb><rt>YYYYY</rt></ruby></p>
</body>
</html>
1	wakaba	1.1	<!DOCTYPE HTML>
2			<title>ruby-positon: inline and text-align</title>
3			<style>
4			ruby {
5			display: inline;
6			ruby-position: inline;
7			position: relative;
8			}
9			rt {
10			display: block;
11			position: absolute;
12			border: thin dotted blue;
13			top: 5em;
14			left: 0;
15			right: 0;
16			text-align: center;
17			}
18			</style>
19			</head>
20			<body>
21			<p><ruby><rb>xxxxxxx</rb><rt>YYYYY</rt></ruby></p>
22			</body>
23			</html>