The CSS first-letter not working for inline

.latest-post-title-inline {
display: inline-block;
}
.latest-post-title-inline:first-letter {
text-transform: lowercase;
}

When I am making the first letter of my latest post into lowercase, I realise that CSS’ ::first-letter selector doesn’t work for inline element. The spec said it supports block element. I tried to use inline-block and success. See the highlighted “a” in the following screenshot.

Screen Shot of Makzan.net

 

Makzan
I teach web design. I write books on HTML5 games development. I host classes on mobile web and app development. I made animation with Adobe Flash (now Animate).

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.