JSFiddle - React, Tailwind, and code Playground

HTML

<div class="inner">
    <div class="outer">
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi officiis culpa accusamus odio optio debitis numquam ipsam illum similique quidem at ad placeat ex quae totam earum dolorum consequatur rem!
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit doloribus dolor enim alias cupiditate est asperiores architecto. Incidunt veniam reprehenderit fugiat ipsum hic ratione alias ad quae dolore autem mollitia!
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum odio assumenda adipisci iste tempora incidunt distinctio autem expedita repudiandae a atque ducimus eligendi tenetur fuga quidem ullam et. Quas maxime.
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam quibusdam eaque eum alias ad nostrum saepe voluptate facilis dolore quos reprehenderit nesciunt laudantium illum perferendis obcaecati nihil consequatur totam iusto.
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa reiciendis illo officia ad nostrum debitis! Neque architecto soluta alias laboriosam modi deleniti eveniet odit aspernatur quae quo ea magnam suscipit!
    </div>
  </div>

CSS

.inner {
  width: 400px;
  min-height: 400px;
  border: 1px solid #ccc;
  padding: 50px;
  box-sizing: border-box;
}

.outer {
  border: 1px solid #ccc;
}