JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div class="wrapper">
        <div class="menu">
            <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>
            </ul>
        </div>
        <div class="content">
            Контент
        </div>
    </div>
</body>

CSS

body {
    padding: 50px 0;
    background-color: #333;
}
.wrapper {
    width: 600px;
    margin: 0 auto;
}
.menu {
    float: right;
}
.menu ul {
    background-color: #171717;
}
.menu ul li {
    padding: 10px 20px;
    display: inline-block;
}
.menu ul li a {
    color: white;
}
.content {
    clear: right;
    background: #fff;
    padding: 20px;
}