<!DOCTYPE html> | |
<p>The orange, blue, yellow and green text boxes should not overlap.</p> | |
<style> | |
div, ruby { | |
font: 1em/1 Ahem, sans-serif; | |
font-size: 500%; | |
} | |
</style> | |
<ruby style="display:block; color:blue;"> | |
<span style="color:orange;">1234</span> ABCD <span style="color:yellow;">4578</span> | |
</ruby> | |
<div style="color:green;"> | |
EFGH | |
</div> |