JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box">
        <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. </p>
        <p>This is a very long message and will be cut off. This is a very long message and will be cut off. </p>
</div> 

<h2 align=center>как делать не надо:</h2>
<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. </p>
        <p>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> 
<h2 align=center>вот так правильно:</h2>
<div class="box box-ok">
    <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. </p>
        <p>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> 
<div class="box box-ok2">
    <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. </p>
        <p>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> 
<div class="box box-ok3">
    <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. </p>
        <p>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: 150px;
    height: 55px;
    overflow: hidden;
}

.wrapper {
    -webkit-column-width: 150px;
    column-width: 150px;
    height: 100%;
}
.box-ok {
    line-height:1.4em;
    height:2.8em
}
.box-ok2 {
    line-height:1.4em;
    height:4.2em
}
.box-ok3 {
    line-height:1.4em;
    height:5.6em
}