/CSS/Dropcap - :first-letter pseudo class not working as expected in firefox

Dropcap - :first-letter pseudo class not working as expected in firefox

.dropcap:first-letter {
    font-size: 3em;
    float: left;
    margin-top: .15em;
    padding: 2px 20px;
    border-radius: 6px;
    margin-right: 15px;
    padding: 3px 22px;
}
@-moz-document url-prefix() {
.dropcap:first-letter {
padding: 15px 20px;
}
}

.dropcap.dc-bg-primary:first-letter {
    background-color: #1a73e9;
    color: #fff;
}

Source: stackoverflow.com

Similar codes

1 vote182 views1 answer
Html if text too long newline
CSS
0 vote192 views1 answer
Css check if class as color white
CSS
8 votes185 views3 answers
Bootstrap file upload
CSS
0 vote197 views1 answer
CSS class inheritance
CSS
0 vote180 views1 answer
Css margin top responsive
CSS
0 vote186 views2 answers
How to remove input background on select oin css
CSS
0 vote189 views1 answer
Text wrap image wordpress css
CSS
10 votes184 views3 answers
Javascript average of numbers in array
CSS
5 votes201 views2 answers
Overflow dots css
CSS
0 vote179 views1 answer
Button not aligning right css
CSS