css - 如何将 span 元素大写

Question

我在给定元素中包含两个 span，它们之间没有空格。我想将每个 span 中包含的第一个字母大写。我该怎么做？

在此JSFiddle我正在使用 text-transform 规则，但如您所见，它不起作用。

Answer 1

添加display: inline-block

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

fiddle 链接 https://jsfiddle.net/9s2f1mrj/2/