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






'ruby-position' Example

    
<html>
<body>
<div style="background-color:#EEEEEE; width:400">
<ruby style="rubyposition:inline">
<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