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

<!DOCTYPE HTML>
<title>ruby-positon: inline and text-align</title>
<style>
ruby {
  ruby-position: inline;
}
rt {
  display: block;
  position: absolute;
  top: 5em;
  left: 2em;
  width: 20em;
  border: thin blue dotted;
  text-align: center;
}
</style>
<p><ruby><rb>xxxxx</rb><rt>yyyyy</rt></ruby>
1	wakaba	1.1	<!DOCTYPE HTML>
2			<title>ruby-positon: inline and text-align</title>
3			<style>
4			ruby {
5			ruby-position: inline;
6			}
7			rt {
8			display: block;
9			position: absolute;
10			top: 5em;
11			left: 2em;
12			width: 20em;
13			border: thin blue dotted;
14			text-align: center;
15			}
16			</style>
17			<p><ruby><rb>xxxxx</rb><rt>yyyyy</rt></ruby>