<meta charset="UTF-8">
<style>
div {
  font-family: Ahem;
  font-size: 20px;
  width: 40px;
  border: 1px solid green;
  overflow: hidden;
}
</style>
<!-- while there's a natural breaking position between 稲 and 稲, nowrap should prevent wrapping -->
<div>X <ruby>稲稲</ruby>,X</div>