/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 vote173 views1 answer
Html input type colour internal border
CSS
0 vote189 views2 answers
Icon rounded corners css
CSS
3 votes233 views2 answers
How to get rid of underline for links in css
CSS
0 vote172 views2 answers
How to add an image to a label in css
CSS
1 vote174 views1 answer
How to contain an image within a div
CSS
2 votes207 views1 answer
Transfrom rotate
CSS
12 votes187 views2 answers
Css not first child
CSS
15 votes287 views4 answers
Docker postgres
CSS
50 votes242 views4 answers
Css background image fit
CSS
0 vote174 views1 answer
How to make the select box font size small in css
CSS