/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

0 vote326 views1 answer
Css add mp4 video
CSS
7 votes346 views2 answers
Transition css hover
CSS
0 vote321 views1 answer
Rotate font css 90º
CSS
0 vote311 views1 answer
Overriding fullpage js anchor style
CSS
0 vote346 views1 answer
Media query change button text
CSS
0 vote429 views2 answers
Using materialize css with react
CSS Materialize
8 votes365 views3 answers
Css darkmode
CSS
0 vote340 views1 answer
Statamic regex replace
CSS
7 votes301 views1 answer
Dashed css
CSS
1 vote333 views1 answer
Restrict flex items in a row
CSS