JSFiddle - React, Tailwind, and code Playground

HTML

<div id='left-menu-container'>
    <ul>
        <li><a href='#'>#1</a></li>
        <li><a href='#'>#2</a></li>
        <li><a href='#'>#3</a></li>
        <li><a href='#'>#4</a></li>
        <li><a href='#'>#5</a></li>
        <li><a href='#'>#6</a></li>
        <li><a href='#'>#7</a></li>
    </ul>
</div>
<div id='data-container'>
    <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eleifend nisl mi, ac venenatis metus bibendum eget. Maecenas pulvinar felis lorem, vel ultrices arcu sollicitudin quis. Proin sodales dignissim ullamcorper. Integer sit amet justo ultrices, dapibus dolor nec, ultrices ipsum. Donec elementum lobortis nulla, sed molestie purus suscipit sed. Maecenas aliquam orci erat, quis egestas enim tristique eu. Integer aliquet arcu eu neque vehicula, ut vehicula elit volutpat. Nunc adipiscing posuere dolor, sit amet rutrum tellus fringilla eget. Donec in posuere enim, vehicula rutrum velit. Suspendisse ac egestas sem.
    </p>
    <p>
        Donec fermentum, urna sit amet consequat eleifend, elit erat eleifend mi, vitae sodales sapien diam sed arcu. Sed ac ante nisl. Quisque at orci ut velit viverra dignissim sed at nunc. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras id consectetur est. Proin ac auctor mauris, id vulputate orci. Vestibulum nec consequat velit, at aliquam magna. Donec elementum laoreet gravida. Curabitur suscipit gravida interdum.
    </p>
</div>

CSS

#left-menu-container {
    color: #00f;
    position: fixed;
    left: -15px;
}

#left-menu-container ul {
    list-style-type: none;
}

#data-container {
    margin-left: 50px;
}