ruby {
  display: inline-table;
}

ruby * {
  display: inline;
  line-height: 1;
  margin: 0;
  padding: 0;
  position: static;
  text-indent: 0;
  text-align: center;
  white-space: nowrap;
}

ruby > * {
  display: table-row-group;
  line-height: 60%;
}

ruby > rt,
ruby rtc {
  display: table-header-group;
  font-size: 90%;
  line-height: 100%;
}

ruby rtc + rtc {
  display: table-footer-group;
}

ruby rbc > *,
ruby rtc > * {
  display: table-cell;
}

ruby rtc > *[rbspan] {
  display: table-caption;
}

ruby rp {
  display: none;
}

*:link ruby rt,
*:visited ruby rt,
*:link ruby rtc,
*:visited ruby rtc {
  text-decoration: none; }

ruby {
  background: yellow;
}
rb {
  color: green;
}
rt {
  color: red;
}