JSFiddle - React, Tailwind, and code Playground
by Andrew Gerst
HTML
<body>
<div class="wrapper">
<div class="content">
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
Test Content<br>
...
CSS
html, body {
height: 100%;
margin: 0;
width: 100%;
}
.wrapper {
bottom: 0;
left: 0;
overflow: auto;
padding: 10px 0 20px 0;
position: absolute;
right: 0;
top: 0;
}
.content {
border: black 1px solid;
height: 100%;
margin: 0 auto;
overflow-y: scroll;
width: 724px;
}