/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

10 votes230 views6 answers
Css hover change another element
CSS
2 votes239 views2 answers
Slick arrow css
CSS
1 vote247 views1 answer
Css background cover y axis
CSS
3 votes246 views1 answer
Media queries css not working for mobile
CSS
8 votes287 views6 answers
Aos animation
CSS
2 votes236 views1 answer
Index in javascript
CSS
13 votes334 views2 answers
How to link a button to another page in css
CSS
0 vote251 views1 answer
Ellipsis css in table cell 2 lines
CSS
0 vote238 views1 answer
Wordpress dashboard css broken
CSS
0 vote249 views0 answer
ArrayShuffle
CSS