JSFiddle - React, Tailwind, and code Playground

by iBertel

HTML

<div>
  <p>This is some content that should wrap...
      This is some content that should wrap...
      This is some content that should wrap...
      This is some content that should wrap...
      This is some content that should wrap...
  </p>
</div>

CSS

div{
    border: 1px solid red;
    width: 40%;
    padding-top: 40%;
    box-sizing: border-box;
    position: relative;
}
p{
    position: absolute;
    top: 0;
    left: 0;
}