JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eget libero odio, eu lacinia nisl. Duis lacus turpis, porttitor ac tincidunt sed, vehicula vitae quam. Proin id justo tellus, eu blandit ligula. Mauris nulla elit, ornare in interdum ut, accumsan luctus dui. Donec molestie convallis accumsan. Quisque malesuada sagittis libero id sodales. Nulla facilisi. Aliquam turpis tortor, faucibus vitae volutpat at, lobortis sed eros.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eget libero odio, eu lacinia nisl. Duis lacus turpis, porttitor ac tincidunt sed, vehicula vitae quam. Proin id justo tellus, eu blandit ligula. Mauris nulla elit, ornare in interdum ut, accumsan luctus dui. Donec molestie convallis accumsan. Quisque malesuada sagittis libero id sodales. Nulla facilisi. Aliquam turpis tortor, faucibus vitae volutpat at, lobortis sed eros.</p>
</div>

CSS

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
}
div {
    text-align: center;
    font-size: 0;
    border: 3px solid yellow;
}
p {
    font-size: 15px;
    text-align: left;
    background: tomato;
    border: 3px solid blue;
    background: tomato;
    min-width: 50%;
    max-width: 200px;
    display: inline-block;
}