/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 vote106 views2 answers
How to put different p elements next to each
CSS
0 vote117 views1 answer
Import tailwind
CSS
1 vote112 views2 answers
Css clearfix for floats with display table and clear both
CSS
22 votes121 views6 answers
Font family css
CSS
1 vote109 views1 answer
Css position absolute transition
CSS
13 votes118 views3 answers
Center position fixed
CSS
33 votes111 views6 answers
Background image opacity css
CSS
23 votes125 views5 answers
Center div using flex
CSS
0 vote125 views1 answer
Submit button css class
CSS
1 vote117 views1 answer
Scss maps´
CSS