<div class="container">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur fermentum, eros accumsan convallis aliquet, ipsum elit scelerisque orci, a mollis justo libero in ipsum. Etiam tincidunt, tortor quis accumsan semper, nibh nulla commodo nibh, quis dictum tortor lectus a nisi. Sed egestas massa eget ornare posuere. Suspendisse a ullamcorper augue. In ante enim, faucibus in varius quis, feugiat ut odio. Nam eu nulla justo. Fusce lacus sapien, mattis porta scelerisque sed, feugiat ac dui. Vivamus consequat velit non ornare blandit. Duis porta a sapien id convallis. Curabitur rutrum feugiat purus, in aliquam elit vehicula sed. Aliquam sit amet odio placerat, luctus dolor vitae, tincidunt turpis. Nunc non tellus sed mi dictum lobortis. Integer at nibh ac tellus pulvinar efficitur a a odio.</p>
</div>
body {
  height: 100vh;
  display: grid;
  place-items: center;
  font-family: Arial, sans-serif;
}

.container {
  width: calc(100% - 9rem);
}

.container p {
  line-height: 1.5;
}

.container p::first-letter {
  font-size: 275%;
  font-weight: bold;
  color: indianred;
  float: left;
  margin-right: 6px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.