JSFiddle - React, Tailwind, and code Playground

HTML

<div class="d1">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio temporibus at, expedita fugit dicta quia nam ipsum, iste suscipit repudiandae officiis quo molestiae vitae quaerat cupiditate unde ab accusamus quod sequi. Laborum obcaecati reiciendis, blanditiis, ipsam commodi a accusamus laboriosam numquam ducimus aperiam nihil minus labore amet, velit! Eius repellendus repellat totam illum quaerat officiis culpa, hic suscipit doloremque, itaque perspiciatis quae sunt qui mollitia ducimus dolores non! Facere et eos hic magnam at quidem, consequun
  <button>ffff</button>

</div>

CSS

* {
  box-sizing: border-box
}

html,
body {
  height: 100%;
  padding: 0;
  margin: 0;
}

div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 500px;
  padding: 50px;
  border: 1px solid red;
}
button {
  position: absolute;
  right: 0;
  top: 0;
}