/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 vote213 views2 answers
Css shado on image
CSS
1 vote239 views1 answer
Slickjs height
CSS
0 vote201 views1 answer
Bootstrap 3 progress bar animation
CSS Bootstrap
0 vote223 views1 answer
Css content from data attribute
CSS
0 vote320 views2 answers
Zoom image on click css
CSS
0 vote227 views1 answer
Css table th width
CSS
0 vote294 views1 answer
GET /style.css HTTP/1.1" 404
CSS
1 vote250 views1 answer
Image on top of image css
CSS
0 vote232 views1 answer
Boxsizing
CSS
0 vote238 views1 answer
React use global css classes
CSS