JSFiddle - React, Tailwind, and code Playground

by Yolanda Robles

HTML

<div class="container">This is Content
        <br/>This is Content
        <br/>This is Content
        <br/>This is Content
        <br/>This is Content
        <br/>This is Content
        <br/>This is Content
        <br/>This is Content
        <br/>This is Content
        <br/>This is Content
        <br/>This is Content
        <br/>This is Content
        <br/>This is Content
        <br/>This is Content
        <br/>This is Content
        <br/>This is Content
        <br/>This is Content
        <br/>This is Content
        <br/>This is Content
        <br/>This is Content
        <br/>This is Content
        <br/>This is Content
        <br/>This is Content
        <br/>This is Content
        <br/>This is Content
        <br/>This is Content
        <br/>This is Content
        <br/>This is Content
        <br/>This is Content
        <br/>This is Content
        <br/>This is Content
        <br/>This is Content
        <br/>This is Content
        <br/>This is Content
        <br/>This is Content
        <br/>This is Content
        <br/>This is Content
        <br/>This is Content
        <br/>This is Content
        <br/>This is Content
        <br/>
    </div>

CSS

html {
    height: 100%;
}

.container {
    position: relative;
    margin:15px;
    padding: 50px;
    z-index: 1;
    border-radius: 20px;
    box-shadow: inset 0 0 0 1px rgba(1, 1, 1, 1.0);
    -moz-box-shadow: inset 0 0 0 1px rgba(1,1, 1, 1.0);
    -webkit-box-shadow: inset 0 0 0 1px rgba(1, 1,1, 1.0);
}