title: What is display:ruby
body: <p>While going through the css drafts spec for <a href="https://drafts.csswg.org/css-display-3/#the-display-properties" rel="noreferrer">display properties</a> came across this property</p>
  
  <p><code>display:ruby</code> </p>
  
  <p>A little bit of search explained that is used for showing Japanese characters . </p>
  
  <ul>
  <li>is this the only use case? (using it for normal text doesnt do anything special , futher more, chrome marks it as a invalid property)</li>
  <li>how does it differ from our usual block container ? </li>
  </ul>