/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

37 votes338 views2 answers
Rgb yellow color
CSS
5 votes361 views2 answers
Css disabled div
CSS
22 votes354 views5 answers
Css grid center
CSS
0 vote321 views1 answer
How to load css
CSS
1 vote377 views1 answer
Layer on top in javascript
CSS
1 vote356 views1 answer
How to remove markers in css
CSS
1 vote345 views1 answer
Change color of mark tag in html
CSS
0 vote369 views1 answer
Square with 2 colors css
CSS
2 votes352 views1 answer
How to fix the footer at the bottom of the page
CSS
0 vote369 views1 answer
Position an icon in relation a parent element
CSS