JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box">
    <div class="wrapper">
        <h2>A Long Message</h2>
        <p>This is a very long message and will be cut off. This is a very long message and will be cut off. This is a very long message and will be cut off. This is a very long message and will be cut off. </p>
    </div>
</div>

CSS

h2 {
    font-size: 1.3em;
}

.box {
    margin: 1em;
    border: 1px solid #ccc;
    width: 500px;
    height: 100px;
    overflow: hidden;
}

.wrapper {
    -webkit-column-width: 150px;
    column-width: 150px;
    height: 100%;
}