JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <title></title>
    <body>
        <div class="wrapper">
            <div class="content">
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sed elementum libero. Morbi aliquam, nunc a ullamcorper eleifend, dui ante cursus odio, ac lacinia arcu neque vitae dui. In et ipsum orci. Donec laoreet imperdiet augue non sodales. Phasellus vel elit sit amet est mattis euismod. Duis non turpis eget ligula gravida mattis eget vitae turpis. Nunc vulputate lacinia posuere. Quisque nec feugiat quam. Praesent facilisis pulvinar tortor, sit amet fringilla nisl imperdiet at. In pulvinar dignissim dignissim.
                </p>
            </div>
            <div class="sidebar" style="width: 350px">
                <div style="margin-top: 15px;">
                </div>
                <div class="sidebarpanel">
                </div>
                <div class="sidebarpanel">
                </div>
                <div class="sidebarpanel">
                </div>
            </div>
        </div>
    </body>
</html>

CSS

.wrapper
{
    display: block;
}
.wrapper div.content
{
    width: auto;
    display: inline;
    float: left;
}
.wrapper div.sidebar
{
    display: block;
    background-color: blue;
    float:right;
    width: 320px;
    height: 400px;
    padding: 0 20px;
}