JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>1</title>
<!--[if lt IE 9]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
<link href="style.css" rel="stylesheet">
</head>
<body>
<header>
<h1>International</h1>
</header>
<nav>
<ul>
 <li><a href="#">Home</a></li>
 <li><a href="#">Portfolio</a></li>
 <li><a href="#">Become a member</a></li>
 <li><a href="#">Patners</a></li>
 <li><a href="#">About Us</a></li>
 <li><a href="#">Contact</a></li>
</ul>
</nav>
   <article>
     <header>
        <h1>Heading</h1>
     </header>
     <p>Donec in vulputate urna. Duis tincidunt accumsan tincidunt. 
     Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
     Mauris blandit eleifend orci, nec ullamcorper lacus sollicitudin nec. 
     Suspendisse potenti. Quisque sagittis leo vitae neque tincidunt sit amet volutpat mauris tincidunt. 
     Mauris felis turpis, iaculis vitae euismod sit amet, consequat a sem.
     Quisque enim purus, commodo quis ultrices quis, tristique sed metus. 
     Proin ut ante metus, eget posuere justo. Proin dignissim augue ac mi ultricies sit amet
     imperdiet tortor tristique. Fusce fringilla vestibulum sem et placerat. Ut aliquet rhoncus arcu,
     at rutrum mauris eleifend a. Cras suscipit fermentum libero quis pretium. Nullam aliquam, 
     leo eu accumsan pellentesque, ligula sem convallis ligula, id tincidunt magna lacus eget lectus. 
     In ornare aliquet congue.</p>
     <p>Aliquam erat volutpat. Pellentesque accumsan commodo tincidunt. Aliquam vel eros justo,
     et feugiat enim. Vivamus tortor nulla, laoreet ac hendrerit sit amet, pretium sed magna.
     In hac habitasse platea dictumst. Fusce nec urna massa, et euismod nisi. Duis eu accumsan massa.
     Vestibulum eu eros lectus, non lobortis erat. Suspendisse ultrices ultrices justo molestie dictum.
     Nullam vitae scelerisque tellus. Sed vitae elit vitae dui facilisis scelerisque non ac eros. 
     Aliquam erat volutpat....

CSS

body {
margin:0 auto;
padding:0;
width:80%;
font:12px arial, sans serif}
body>header>h1{
font:36pt "Brush Script MT";
color:#AFAFAF}
nav{
width:100%;
float:left;
background:#AFAFAF;
margin:0 auto;
}
ul>li{
display:block;
list-style:none;
float:left;
padding:10px 30px 15px 30px;
}
li>a{font-size:20px;
color:#ffffff;
text-decoration:none}
a:hover{text-decoration: underline;}
article{display:block;
float:left;
color:#666666;
margin: 0 0 0 15px}
footer{
width:100%;
float:left;
background:#AFAFAF;
color:#ffffff;
padding:20px 0px 20px 15px}