/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 vote351 views1 answer
Bootstrap-navbar-container-fluid
CSS
0 vote320 views1 answer
Css clamp vs media queries
CSS
0 vote306 views1 answer
How to remove link line in css
CSS
0 vote346 views1 answer
Split group of flex item
CSS
11 votes357 views2 answers
Css image filter black and white
CSS
0 vote327 views1 answer
Change font size according to screen css
CSS
28 votes375 views6 answers
Margin
CSS
6 votes280 views1 answer
Jqeury css edit
CSS
2 votes386 views1 answer
Css center in td
CSS
1 vote348 views1 answer
Vertcial text css
CSS