/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 vote192 views1 answer
Reset all input styles with 1 property css
CSS
4 votes203 views3 answers
Mobile tablet desktop media queries
CSS
0 vote188 views1 answer
Background pulled to corner on small screens
CSS
0 vote204 views1 answer
Red asterix css
CSS
0 vote196 views1 answer
Keynote Smooth the appearance of animations within a presentation:
CSS
1 vote279 views1 answer
System.FormatException: 'String '09-03-2020' was not recognized as a valid DateTime.'
CSS
1 vote184 views1 answer
Right-align in vbox
CSS
1 vote248 views1 answer
Make web page float to center of page
CSS
0 vote209 views1 answer
Css selector id class
CSS
0 vote265 views1 answer
Ul reset
CSS