JSFiddle - React, Tailwind, and code Playground

HTML

<body>
				<div id="div-header">
					
				</div>
				
		<div id="div-body">
			<h2>Some content</h2>
			<div id="div-left">
				
					<div class="entry">
						This is just a title
						<div class="post-prose">
								<p><b>Edward Teach</b> (also <b>Edward Thatch</b>, c. 1680 – 22&#160;November 1718), better known as <b>Blackbeard</b>, was a notorious English <a href="/wiki/Piracy" title="Piracy">pirate</a> who operated around the <a href="/wiki/West_Indies" title="West Indies">West Indies</a> and the eastern coast of the <a href="/wiki/European_colonization_of_the_Americas" title="European colonization of the Americas">American colonies</a>. Although little is known about his early life, he was probably born in <a href="/wiki/Bristol" title="Bristol">Bristol</a>, England. He may have been a sailor on <a href="/wiki/Privateer" title="Privateer">privateer</a> ships during <a href="/wiki/Queen_Anne%27s_War" title="Queen Anne's War">Queen Anne's War</a> before settling on the <a href="/wiki/The_Bahamas" title="The Bahamas">Bahamian</a> island of <a href="/wiki/New_Providence" title="New Providence">New Providence</a>, a base for Captain <a href="/wiki/Benjamin_Hornigold" title="Benjamin Hornigold">Benjamin Hornigold</a>, whose crew Teach joined sometime around 1716. Hornigold placed him in command of a <a href="/wiki/Sloop" title="Sloop">sloop</a> he had captured, and the two engaged in numerous acts of piracy. Their numbers were boosted by the addition to their fleet of two more ships, one of which was commanded by <a href="/wiki/Stede_Bonnet" title="Stede Bonnet">Stede Bonnet</a>, but toward the end of 1717 Hornigold retired from piracy, taking two vessels with him.</p> <p>Teach captured a French merchant vessel, renamed her <i><a href="/wiki/Queen_Anne%27s_Revenge" title="Queen Anne's Revenge">Queen Anne's Revenge</a></i>, and equipped her with 40 guns. He became a renowned pirate, his <a href="/wiki/Cognomen#As_a_contemporary_term"...

CSS

body{
						margin: 0;
						padding: 0;

					}

					#div-footer, #div-footer-bottom{
						background-color:red;
					    border-top: 1px solid #CCCCCC;
					    height: 40px;
					    padding: 20px 30px;
					    text-align: right;

					}

					#div-footer-bottom{
						position: relative;
						clear: both;
					}

					#div-header{
						height: 3.1em;
						background-color: blue;
						padding: 10px 30px;
					}

					#div-body{
						min-height: 490px;
						padding: 20px 60px;
					}

					#div-about .left {
					    display: inline-block;
					    float: left;
					    width: 350px;

					}

					#div-about .right{
						display: inline-block;
					    float: left;
					    width: 64%;
					    margin-left: 30px;
					}
					
					#div-body > div{
						display: inline;
						float: left;
					}

					#div-left{
						width: 70%;
						min-height: 100%;
					}

					#div-right{
						width: 20%;	
						margin-left: 3%;
					}

					p, .post-prose {
					    margin:  0 0 15px 0;
					    text-align: justify;
					}