<style>
body {
  margin: 0px;
}
div {
  text-align: justify;
  width: 260px;
  font-family: Ahem;
  font-size: 20px;
  margin-left: -160px;
  margin-top: -10px;
}

ruby {
  color: green;
}
</style>
<!-- PASS if justified content does not overlap with base -->
<div><ruby>base<rt>annotation</rt></ruby>X X<ruby>base</ruby> X</div>