JSFiddle - React, Tailwind, and code Playground

by fersterin

HTML

<div class="layout">
	<div class="sidebar">Сайдбар</div>
	<div class="content">Контент</div>
</div>

CSS

.layout {
	width: 980px;
	margin: auto;
}

.sidebar {
	background: lightgreen;
	width: 180px;
	float: right;
}
.content {
	background: lightblue;
	width: 800px;
	margin-right: 180px;
}
/* Можно еще задать родителю overflow: hidden или auto, чтобы убрать схлопывание. */