/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

20 votes128 views5 answers
Css coor background
CSS
0 vote152 views1 answer
Add title to slider
CSS
0 vote135 views1 answer
Remove or hide powered by text from Google Translate
CSS
0 vote140 views1 answer
Css background templates
CSS
0 vote176 views1 answer
How to make text disappear after a certain length css
CSS
-1 vote195 views2 answers
Bootstrap 4 popover content from div
CSS Bootstrap
1 vote137 views2 answers
Css grid two columns
CSS
34 votes141 views6 answers
Css visibility
CSS
-1 vote142 views2 answers
How to style a particular image in css
CSS
3 votes147 views1 answer
Css how to make text not break
CSS