/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

152 votes147 views6 answers
How to add bold in css
CSS
7 votes99 views4 answers
List elements vertically in html
CSS
1 vote95 views1 answer
Gulp with pm2
CSS
23 votes71 views5 answers
Font weight css
CSS
0 vote109 views1 answer
Resctrict css to apply on div
CSS
5 votes116 views3 answers
Change color of bullet points css
CSS
0 vote103 views1 answer
#f2f2f2 in rgba
CSS
0 vote121 views1 answer
Why grepper not always shows
CSS
0 vote106 views2 answers
Pesudo content css break word
CSS
12 votes109 views5 answers
Responsive font-size
CSS