JSFiddle - React, Tailwind, and code Playground

HTML

<!doctype html>
<html lang="en">

<head>
    
   <meta charset="utf-8"> 
   <link rel="stylesheet" href="css/assignment.css">  
    <title>RuPaul Charles - James Pople - 2/12/2017</title>
    </head>
<body>
    <div class="container">
        <header id="header_title"><img src="http://d1v8u1ev1s9e4n.cloudfront.net/53b60cdc1cb17a126c905cd6" width="100px" height="150px" alt="RuPaulCharles" title="RuPaul Charles Season 9 promotion look" id="contentimg3"><p id="header_text"><h1>RuPaul Charles</h1></p><img src="http://d1v8u1ev1s9e4n.cloudfront.net/53b60cdc1cb17a126c905cd6" width="100px" height="150px" id="contentimg4"></header>
    <aside>
    <nav id="navigation">
        <ul>
    <li><a href="index.html">Home</a></li><img src="images/slash.png" width="20px;height="20px;>
    <li>Discography</li><img src="images/slash.png" width="20px;height="20px;>
    <li>Biography</li><img src="images/slash.png" width="20px;height="20px;>
    <li>Video</li>
        </ul>
        </aside>
    </nav>
    
   <div id="main_body">
       <p class="main_text">RuPaul Andre Charles (born November 17, 1960) is an American actor/host, drag queen, television personality, and singer/songwriter. Since 2009, he has produced and hosted the reality competition series RuPaul's Drag Race, for which he received two Primetime Emmy Awards in 2016 and 2017.</p>
       
       <img src="http://d1v8u1ev1s9e4n.cloudfront.net/53b60cdc1cb17a126c905cd6" width="100px" height="150px" alt="RuPaulCharles" title="RuPaul Charles Season 9 promotion look" id="contentimg1">
       
       <img src="http://d1v8u1ev1s9e4n.cloudfront.net/53b60cdc1cb17a126c905cd6" width="100px" height="150px" id="contentimg2">

<p class="main_text">RuPaul was born and raised in San Diego and later moved to Atlanta to study performing arts. He settled in New York City where he became a popular fixture on the nightclub scene. RuPaul achieved international fame as a drag queen with the release of his debut single, "Supermodel (You Better...

CSS

*{
    margin: 0px;
    padding: 0px;
}
html{
    width: 100%;
    background-color: #EFEFEF;
}
.container{
    max-width: 80%;
    margin: auto;
    overflow: hidden;
}
body{
    text-align: center;
}
#navigation li{
    color: white;
    display: inline-block;
    list-style: none;
    padding: 5px;
    margin: 10px;
    float: inherit;
    background-color: deepskyblue;
    border-radius: 5px;
    font-weight: 600;
    
}
#header_title{
    display: flex;
    justify-content: space-around; // you can also try space-between
    align-items: center;
    margin-top: 30px;
    font: 18px Tahoma;
    background-color: #89bdd3;
    text-shadow: 3px 2px 2px #000000;
    color: coral;
    overflow: hidden;
}
#navigation{
    background-color: #9ad3de;
    max-height: 10%;
}
#main_body{
    background-color: #d1e7eb;
}
#header_text{
    display: inline-block;
    text-align: center;
    font-weight: bold;
    overflow: hidden;
}
#navigation a:hover{
color:dimgrey;
}
a:link, a:visited{
    text-decoration: none;
    color: white;
}
#contentimg1{
    margin: 5px;
    float: left;
}
#contentimg2{
    margin: 5px;
    float:right;
}
.main_text{
    margin: 10px;
    display: inline-block;
    text-align: left;
}
#contentimg3{
    float: left;
    display: inline-block;
}
#contentimg4{
    float: right;
    display: inline-block;
}