/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

47 votes156 views6 answers
How to add a css file in html
CSS
0 vote154 views1 answer
Wordpress template load CSS
CSS
6 votes176 views2 answers
CSS set input text to word wrap
CSS
0 vote143 views1 answer
How to disable increase descrease buttons of input type number in html
CSS
0 vote195 views1 answer
Display inline not alligned
CSS
2 votes154 views1 answer
Website css not loading
CSS
0 vote154 views1 answer
Nuxt lazy load pages pagination
CSS
0 vote152 views1 answer
Elementor ccs code for gradient
CSS
0 vote111 views1 answer
How to move bullet in css
CSS
0 vote269 views1 answer
Removing input border shadow
CSS