JSFiddle - React, Tailwind, and code Playground

by chandings

HTML

<body>
    <header>This is my header</header>
    
    <div class='sidebar'>
        This is my sidebar coming on the right hand side.
        This can be looooong!
        <ul>
            <li>Adding an unordered list to make his looooong!</li>
            <li>Adding an unordered list to make his looooong!</li>
            <li>Adding an unordered list to make his looooong!</li>
            <li>Adding an unordered list to make his looooong!</li>
            <li>Adding an unordered list to make his looooong!</li>
            <li>Adding an unordered list to make his looooong!</li>
            <li>Adding an unordered list to make his looooong!</li>
            <li>Adding an unordered list to make his looooong!</li>
            <li>Adding an unordered list to make his looooong!</li>
            <li>Adding an unordered list to make his looooong!</li>
            <li>Adding an unordered list to make his looooong!</li>
            <li>Adding an unordered list to make his looooong!</li>
            <li>Adding an unordered list to make his looooong!</li>
            <li>Adding an unordered list to make his looooong!</li>
            <li>Adding an unordered list to make his looooong!</li>
            <li>Adding an unordered list to make his looooong!</li>
            <li>Adding an unordered list to make his looooong!</li>
            <li>Adding an unordered list to make his looooong!</li>
            <li>Adding an unordered list to make his looooong!</li>
            <li>Adding an unordered list to make his looooong!</li>
            <li>Adding an unordered list to make his looooong!</li>
            <li>Adding an unordered list to make his looooong!</li>
            <li>Adding an unordered list to make his looooong!</li>
            <li>Adding an unordered list to make his looooong!</li>
            <li>Adding an unordered list to make his looooong!</li>
            <li>Adding an unordered list to make his looooong!</li>
            <li>Adding an unordered list to make...

CSS

.sidebar{
    right:-340px;
    width:200px;
    overflow:auto;
    height:100px;
    float:right;
    background-color: #333;
    color: #ccc;
}