JSFiddle - React, Tailwind, and code Playground

by icewind

HTML

<div class="col-wrapper">
    <p>In our urban and suburban houses what should we do without cats? In our sitting or bedrooms, our libraries, in our kitchens and storerooms, our farms, barns, and rickyards, in our docks, our granaries, our ships, and our wharves, in our corn markets, meat markets, and other places too numerous to mention, how useful they are! In our ships, however, the rats oft set them at defiance; still they are of great service.</p>
    <p>How wonderfully patient is the cat when watching for rats or mice, awaiting their egress from their place of refuge or that which is their home! How well Shakespeare in Pericles, Act iii., describes this keen attention of the cat to its natural pursuit!</p>
    <p>A slight rustle, and the fugitive comes forth; a quick, sharp, resolute motion, and the cat has proved its usefulness. Let any one have a plague of rats and mice, as I <span class="remark">once</span> had, and let them be delivered therefrom by cats, as I was, and they will have a lasting and kind regard for them.</p>
    <p>A friend not long since informed me that a cat at Stone's Distillery was seen to catch two rats at one time, a fore foot on each. All the cats kept at this establishment, and there are several, are of the red tabby colour, and therefore most likely all males.</p>
</div>

CSS

.col-wrapper {
    background-color: #efefef;
    color: #444;
    padding: 20px;
    border-radius: 5px;
    -webkit-column-width: 220px;
}
.remark{
    background-color: yellow;
    position: relative;
}
.remark:after{
    content: '.';
    position: absolute;
    bottom: -17px;
    left: 50%;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-color: red;
}