CSS First Letter Highlighting

Question

I understand that with CSS formatting the first letter of each paragraph is possible via:

p:first-letter
{
font-size:20px;
}

However upon u

Answer 1

This is a bug in Chrome/ium/WebKit: https://code.google.com/p/chromium/issues/detail?id=17528

Answer 2

Right, it is not visually selected but in the background it is. If I select and copy and then paste it, I get "Hello" so this just might be a problem with the different font-sizes. font-variant:small-caps works perfectly (but uses uppercase).

You might want to try Lettering.js or alternatives http://letteringjs.com/ https://github.com/davatron5000/Lettering.js