Quote:
Originally Posted by Turtle91
My response in #122 was asking why he kept the space outside of the <small> tags. Hopefully he will answer.
In general, the technique is used to simulate small-caps… where capital letters would still be displayed larger than the lower case letters. That is done automatically using the font-variant:small-caps on devices that support it.
|
This is a paragraph with Death speaking. It uses a smaller font size.
<p>A<span class="small_caps">LL RIGHT, YOU’VE MADE YOUR POINT</span>, said Death. W<span class="small_caps">HAT PRECISELY WAS IT YOU WISHED TO KNOW</span>? Q<span class="small_caps">UITE A LOT OF THINGS HAPPENED THIS MORNING, PEOPLE WERE BORN, PEOPLE DIED, ALL THE TREES GREW A BIT TALLER, RIPPLES MADE INTERESTING PATTERNS ON THE SEA</span>—</p>
I've edited the CSS so it is using font-variant: small-caps. I moved the capitol letter inside the span and it fails as the capitol is a small-cap and not a true capitol. You do need to break up at least the words with at least two letters.
<p><span class="small_caps">ALL RIGHT, YOU’VE MADE YOUR POINT,</span> said Death. <span class="small_caps">WHAT PRECISELY WAS IT YOU WISHED TO KNOW? QUITE A LOT OF THINGS HAPPENED THIS MORNING, PEOPLE WERE BORN, PEOPLE DIED, ALL THE TREES GREW A BIT TALLER, RIPPLES MADE INTERESTING PATTERNS ON THE SEA</span>—</p>