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