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	<!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>