Skip to content

Instantly share code, notes, and snippets.

@fumikito
Created September 16, 2010 07:10
Show Gist options
  • Save fumikito/582085 to your computer and use it in GitHub Desktop.
Save fumikito/582085 to your computer and use it in GitHub Desktop.
Imitate <ruby> tag
/**
* Style sheet for rendering <ruby> properly.
*
* @source
*/
ruby{
overflow:hidden;
display:inline-table;
line-height:inherit;
vertical-align:text-bottom;
border-collapse:collapse;
}
rb{
line-height:1.2;
text-align:center;
display:table-row-group;
}
rt{
font-size:0.5em;
display:table-header-group;
text-align:center;
text-justify:distribute-all-lines;
line-height:1;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment