JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
	
		<!-- Header -->
		<header class="site-header">
			<h1>Site Title</h1>
			<h5>Site Description</h5>
			
			<nav class="site-nav">
                <ul>
                    <li>Item 1</li>
                    <li>Item 2</li>
                    <li>Item 3</li>
                    <li>Item 4</li>
                </ul>
			</nav>
			
		</header>
</div>

CSS

div.container {
	max-width: 960px;
	margin: 0 auto;
	padding-left: 30px;
	padding-right: 30px;
	background-color: white;
}

.site-header{
	border-bottom: 2px dotted #999;
	background-color: #EBEEEE;
}

.site-nav ul{
	list-style: none;
	margin: 0;
	padding: 0;
	padding-bottom: 20px;
}

.site-nav ul li{
	padding: 2px;
}