JSFiddle - React, Tailwind, and code Playground

by sfoster

HTML

<div id="viewer">
  <p id="long">Long text</p>
</div>

CSS

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

}
#viewer {
  margin-block: 40px;
  height: 50vh;
  overflow: scroll;
  outline: 2px dotted lightgreen;
}
#long {
  height: 2000px;
  background-color: red;
  width: 90%;
}