JSFiddle - React, Tailwind, and code Playground

HTML

<pre>
  testing a short string just for some testing purpose
  test a really long string just for some testing purpose and it's weird to see how chrome scroll breaks if I put border-radius and thats so weird.
</pre>

CSS

pre {
  border: 1px solid #dedede;
  overflow: auto;
  width: 90%;
  margin: auto;
  margin-top: 20px;
  border-radius: 3px;
  background-color: #f7f7f7;
}