/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 vote367 views1 answer
Css box shadow right and down
CSS
0 vote342 views1 answer
Css centrar imagen
CSS
0 vote348 views1 answer
Div set text colo0r
CSS
0 vote360 views1 answer
Css to exclude last row table
CSS
149 votes446 views6 answers
Css shadow
CSS
86 votes322 views6 answers
Css all caps
CSS
0 vote341 views1 answer
Scss ::after
CSS
0 vote342 views1 answer
Ratio bootstrap
CSS
0 vote317 views1 answer
Css hot to center image in bootsrtap container
CSS
21 votes331 views2 answers
Remove focus border
CSS