JSFiddle - React, Tailwind, and code Playground

by Tony Chen

HTML

<div class="left-list">
    <h1>Hello, world!</h1>
</div>

<div class="app">

        Use this JSF document as a way to quickly start any new project.
        All you get is this text and a mostly barebone JSF document text and a mostly barebone JSF document .
        Use this JSF document as a way to quickly start any new project.
        All you get is this text and a mostly barebone JSF document text and a mostly barebone JSF document .


        <p>All you get is this text and a mostly barebone JSF document.</p>
        <p>Use this JSF document as a way to quickly start any new project.</p>
        <p>All you get is this text and a mostly barebone JSF document.</p>
        <p>Use this JSF document as a way to quickly start any new project.</p>

    </div>

CSS

.left-list {
    width: 250px;
    float: left;
    position: fixed;
    height: 100%;
    }

.app{
    float: right;
    margin-top: 50px;
    margin-left: 250px;
}