How to use ::first-letter on a inline elements

Question

``` p{display:inline;...}

Hello

p::first-letter{color: red;} ``` I want to use ::first-letter on that p.But it's a inline element, accroding to W3C, it doesn't work. How to do?

Accepted Answer

The `:first-letter` as defined in the spec http://www.w3.org/TR/CSS2/selector.html#first-letter only applies to a block element.

If you want you could use `display:inline-block` to make it work. Refer to http://jsfiddle.net/fZGFH/1/

Solution