/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

202 votes432 views6 answers
How to reference a css file in html
CSS
152 votes335 views6 answers
How to add bold in css
CSS
0 vote302 views1 answer
Media queries and or conditions
CSS
1 vote275 views1 answer
Mirror css a pseudo :after or :before
CSS
0 vote284 views1 answer
Css border with 8 values
CSS
9 votes293 views3 answers
Css bottom
CSS
0 vote285 views2 answers
How set image at top in wordpress
CSS
0 vote283 views1 answer
How to use formailze me ?
CSS
11 votes275 views2 answers
How to change image position in css
CSS
0 vote268 views1 answer
Import tailwind
CSS