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

<!DOCTYPE HTML>
<title>ruby-positon: inline and text-align</title>
<style>
ruby {
  ruby-position: inline;
  display: inline;
  position: relative;
}
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			display: inline;
7			position: relative;
8			}
9			rt {
10			display: block;
11			position: absolute;
12			top: 5em;
13			left: 2em;
14			width: 20em;
15			border: thin blue dotted;
16			text-align: center;
17			}
18			</style>
19			<p><ruby><rb>xxxxx</rb><rt>yyyyy</rt></ruby>