JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
<style>
    #sidebar {width: 200px; border: 1px dashed #000; float: left;}
    #content {width: 500px; margin-left: 210px; border: 1px dashed #000;}
    #content .checkout-nav-controls{margin-top:20px;width:400px;border:1px dashed #ccc;}
    #content .checkout-nav-controls .prev-control{float:left;}
    #content .checkout-nav-controls .next-control{float:right;}
    .clear{width:100%;height:1px;overflow:hidden;clear:both;float:none;visibility:hidden;}
</style>
</head>

<body>
<div id="sidebar"><br><br><br><br><br><br><br><br></div>
<div id="content">
Some text
<div class="checkout-nav-controls">

<a href="checkout_authorization.html" class="prev-control">< Назад</a>
<input type="submit" value="Далее" class="next-control" />
<div class="clear"></div>
</div>
some text<br>
some text
</div>
</body>
</html>