/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 vote400 views1 answer
Array_filter use keys
CSS
3 votes358 views4 answers
Css keep image ratio
CSS
0 vote394 views1 answer
Css push div down
CSS
1 vote359 views1 answer
Scss nesting
CSS
-1 vote399 views1 answer
How to remove default styling of a tag
CSS
0 vote361 views1 answer
Control one swiper with other
CSS
4 votes373 views3 answers
Zoom in and out iconhtml css
CSS
0 vote358 views2 answers
Use font awesome as content in css
CSS
0 vote392 views1 answer
Make element no styles
CSS
0 vote462 views1 answer
Bootstrap put button on one line
CSS Bootstrap