JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
		
	<main id="content" role="main">
		<h2>Content</h2>
		<div id="content-text">
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.   
				Etiam congue, tortor in mattis mattis, arcu erat pharetra orci, at vestibulum lorem ante a felis.   
				Integer sit amet est ac elit vulputate lobortis. Vestibulum in ipsum nulla. Aenean erat elit,   
				lacinia sit amet adipiscing quis, aliquet at erat. Vivamus massa sem, cursus vel semper non,   
				dictum vitae mi. Donec sed bibendum ante.</p>
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.   
				Etiam congue, tortor in mattis mattis, arcu erat pharetra orci, at vestibulum lorem ante a felis.   
				Integer sit amet est ac elit vulputate lobortis. Vestibulum in ipsum nulla. Aenean erat elit,   
				lacinia sit amet adipiscing quis, aliquet at erat. Vivamus massa sem, cursus vel semper non,   
				dictum vitae mi. Donec sed bibendum ante.</p>
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.   
				Etiam congue, tortor in mattis mattis, arcu erat pharetra orci, at vestibulum lorem ante a felis.   
				Integer sit amet est ac elit vulputate lobortis. Vestibulum in ipsum nulla. Aenean erat elit,   
				lacinia sit amet adipiscing quis, aliquet at erat. Vivamus massa sem, cursus vel semper non,   
				dictum vitae mi. Donec sed bibendum ante.</p>
		</div>
	</main>
		
	<aside id="sidebar" role="complementary">
		<h2>Sidebar</h2>
		<div id="sidebar-text">
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.   
				Etiam congue, tortor in mattis mattis, arcu erat pharetra orci, at vestibulum lorem ante a felis.   
				Integer sit amet est ac elit vulputate lobortis. Vestibulum in ipsum nulla. Aenean erat elit,   
				lacinia sit amet adipiscing quis, aliquet at erat. Vivamus massa sem, cursus vel semper non,   
				dictum vitae mi. Donec sed bibendum ante.</p>
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.   
				Etiam congue, tortor in...

CSS

* {
	margin: 0;
	padding: 0;
	font-size: 1.0em;
}
body {
	background-color: silver;
	font-family: Calibri, sans-serif;
    font-size: 1em/1.2em;
	margin: auto;
}
h2 {
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 0.5em;
	padding: 0.25em 0.5em;
}
aside, main {
	display: block;
}

#container {
	width: 95%;
	display: table;
	border-collapse: separate;
	border-spacing: 0.5em;
	margin: 1em auto;
    color: white;
}
#content-text, #sidebar-text, #infobox-text, #browser-support-text {
    padding: 0 1em 1em 1em;
}
#content {
    width: 80%;
    display: table-cell;
	background-color: slateblue;
}
#content h2 {
	background-color: #6355bb;
}
#sidebar {
    width: 20%;
    display: table-cell;
	background-color: chocolate;
}
#sidebar h2 {
	background-color: #bf6525;
}

JavaScript

document.createElement("aside");
document.createElement("main");