JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<title>Voorbeeld</title> 

<body>
<!-- Header -->
<div class="header">
<h1>Voorbeeld</h1>
</div>

<!-- Menu -->
<div class="nav">
	<ul>
	  <li><a href="#">Home</a></li>
	  <li><a href="#">Link 1</a></li>
	  <li><a href="#">Link 2</a></li>
	  <li><a href="#">Link 3</a></li>
	</ul> 
</div>

<!-- Pagina -->
<div class="content">
	<h2>Home</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas a dolor a libero sagittis feugiat. Maecenas vel lacus vitae purus condimentum aliquam in eget nisl. Aenean neque ipsum, blandit sed tortor at, pharetra auctor justo. Vestibulum turpis purus, tempus in imperdiet ullamcorper, gravida quis nunc. Curabitur arcu odio, hendrerit ut interdum ut, venenatis quis eros. Aliquam id mauris sodales erat posuere bibendum a vitae ante. Sed ac nulla ac elit volutpat varius. Cras lectus nisi, suscipit eget turpis nec, dapibus consequat tortor. Fusce vitae justo mauris. Donec et tempor enim, sed dictum velit. Maecenas porttitor est vitae libero mattis, non eleifend mauris congue. Fusce accumsan finibus magna sit amet tempus. Donec venenatis augue neque, in placerat risus facilisis vitae.</p>
	<br>
	<p>Proin tristique dapibus elit id convallis. Nulla dui nisl, viverra eget dui sed, tempor tincidunt justo. Nam leo nunc, pellentesque eget eleifend et, commodo id sapien. Pellentesque imperdiet in ex nec porta. Phasellus ut leo posuere, luctus tortor eget, cursus libero. In imperdiet arcu velit, et pretium quam varius sit amet. Donec suscipit eleifend magna quis posuere. Mauris accumsan eros et urna pulvinar, et lobortis lacus pellentesque.</p>
</div>
</body>

CSS

* {
  font-family: "Trebuchet MS",Helvetica,sans-serif;
}

body {
  margin: 0 2%;
  background: #d0d3d4;
}

.header {
  margin: 0 auto;
  padding: 12px 10px;
  background: #ff8c00;
  width: 75%;
  color: white;
}

h1.header {
  margin: 0;
  padding: 0;
}

.nav {
  margin: 0 auto;
  padding: 0;
  background: #f7f7f7;
  width: 77%;
}

.nav ul {
  display: inline-block;
  margin: 0 auto;
  padding: 0;
  background: #f7f7f7;
  list-style-type: none;
}

.nav li {
  margin: 0;
  padding: 0;
  height: 5%;
  float: left;
}

.nav li a {
  display: block;
  padding: 12px 8px;
  margin: 0;
  color: #ff8c00;
  text-align: center;
  text-decoration: none;
}

.nav li a:hover {
  background: #ff8c00;
  color: white;
}

.content {
  margin: 0 auto;
  padding: 1em 0.5em 1em;
  background: #ecf0f1;
  width: 75%;
}