/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

2 votes232 views1 answer
Nunito font family
CSS
1 vote246 views3 answers
Bootstrap table text vertical align center
CSS
0 vote242 views4 answers
How to pass html number to css
CSS
19 votes239 views6 answers
Map method
CSS
3 votes232 views2 answers
Box sizing ftw
CSS
0 vote262 views1 answer
Showing danger message in red in terminal bash
CSS
2 votes298 views1 answer
Sass class with another class
CSS
57 votes243 views2 answers
Hegith specific css in media query
CSS
-1 vote212 views1 answer
How to make div possion top in css
CSS
0 vote237 views1 answer
How to apply css on react chartjs
CSS