first_letter.md

css:

#single div.yes p:first-child:first-letter, #single div.yes span.drop {
    color: #000;
    float: left;
    font-family: 'Quattrocento',serif;
    font-size: 146px;
    line-height: 102px;
    margin-bottom: -6px;
    padding-left: 3px;
    padding-right: 10px;
    padding-top: 10px;
}

html:

<p>
<span class="drop">T</span>
here are two ways to look at this kind of situation. The first way – the path of outrage – condemns a system that seems fundamentally unfair. A second approach would be to recognise that the judging process is already subjective and always will be. Had a different panel of 12 judges been chosen for the competition, the result would have varied, too. The ISU system simply makes that subjectivity more apparent, even as it reduces the likelihood that certain obviously bad influences, such as corruption, will affect the final result.
</p>

from aeon page