How to capitalize span elements

Question

I have two span's held in a given element, with no spaces between them. I want to capitalize the first letter contained in each span. How would I do this?

In this JSFiddle I am using the text-transform rule, but as you see it does not work.

Answer 1

Add display: inline-block

.first, .second {
    text-transform: capitalize; 
    display: inline-block;
}

Link to fiddle https://jsfiddle.net/9s2f1mrj/2/