<div class="box">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam commodo ligula quis tincidunt cursus.
            Integer consectetur tempor ex eget hendrerit. Cras facilisis sodales odio nec maximus. Pellentesque lacinia
            convallis libero, rhoncus tincidunt ante dictum at. Nullam facilisis lectus tellus, sit amet congue erat
            sodales commodo.</p>
        <p>Donec magna erat, imperdiet non odio sed, sodales tempus magna. Integer vitae orci lectus. Nullam consectetur
            orci at pellentesque efficitur.</p>
    </div>
.box {
    margin-left: auto;
    margin-right: auto;
    width: 600px;
    background: rgba(0,0,0,0.1);
    padding: 40px;
}
p:first-child::first-letter {
    color: #5f79ff;
    float: left;
    margin: 0 8px 0 4px;
    font-size: 3rem;
    font-weight: bold;
    line-height: 1;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.