JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<body>
<p>
    HERE IS Edward Bear, coming downstairs now, bump, bump, bump, on the back of his head,
    behind Christopher Robin. It is, as far as he knows, the only way of coming downstairs, but sometimes he feels that 
    there really is another way, if only he could stop bumping for a moment and think of it. <span class="big">A</span>nd then he feels that perhaps
     there isn't. Anyhow, here he is at the bottom, and ready to be introduced to you. Winnie-the-Pooh.
</p>

</body>
</html>

CSS

body {padding: 20px; background-image: -webkit-linear-gradient(skyblue 1px, transparent 1px); background-size: 100% 20px; background-origin: content-box; }
p {
    line-height: 20px;
    -webkit-line-box-contain: block;
    width: 200px;
}
.big {
    font-size:45px;
    font-weight:bold;
}