'ruby-overhang' Example : ruby overhang « CSS « HTML / CSS






'ruby-overhang' Example

    
<html>
<body>
<div style="background-color:#EEEEEE; width:200">
<ruby style="rubyoverhang:whitespace">
<span style="font-family:Verdana; font-size:16pt">
base text
</span>
<span style="font-size: 14pt">
this text is in the same line as the base text
</span>
<rt>
<span style="font-family:Times New Roman; 
             font-size: 14pt; 
             color:red">
ruby text
</span>
</ruby>
</div>
</body>
</html>

    
      
      








Related examples in the same category