JSFiddle - React, Tailwind, and code Playground

HTML

<style type="text/css"><!--
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
#wrenowrapper { display:block;background-color:black;width:100%;margin:0 auto;}
#wrenoheader {display:block;width:720px;margin-left:auto;margin-right:auto;padding: 30px 0;}
#wrenofeaturedimg {display:block;height:auto;padding-bottom:10px;margin-left:auto;margin-right:auto;text-align:center;}
#wrenotitletext {font-family: 'Open Sans', monospace;font-size:2.2em;color:white;text-align:center;padding-top:20px;}
#wrentextone {width:660px;display:block;margin: 0 auto;padding-top:50px;}
#wrenoconddesc {text-align:center; width:660px;margin:40px auto;font-size:1.1em;font-family: 'Open Sans', monospace;color:white;}
#wrenogeninfo {display:block;float:left;width:300px; }
.wrenogentext {font-family: 'Open Sans', monospace;font-size:1em;color:white;white-space: pre-wrap;text-align:left;!important}
.wrenogentitle {width:auto;font-family: 'Open Sans', monospace;font-size:1.4em;color:white;white-space: pre;padding-bottom:5px;border-bottom:1px dimGray solid;}
#wrenomeasures {display:block;width:300px;float:left;margin-left:60px; }
#wrentexttwo {width:660px;display:block;margin: 20px auto;padding-top:50px;}
#wrenabouttext{text-align:center; width:50%;margin-left:auto;margin-right:auto;margin-top:50px;padding-top:25px;padding-bottom:25px;border-top:1px solid dimGray;border-bottom:1px dimGray solid;font-size:1.0em;font-family: 'Open Sans', monospace;color:white;}
.wrenobottomgal{width:720px;margin-top:100px;margin-left:auto;margin-right:auto;border-top:1px dimGray solid;padding-top:20px}
.wrenobottomimg{margin: 10px;float:left;}
.wrenobottomimg img {display:inline}
</style>
<div id="wrenowrapper" style="background-color:black;width:100%;margin:0 auto;">
&nbsp; <div id="wrenoheader" stlye="display:block;width:720px;margin-left:auto;margin-right:auto">
&nbsp;&nbsp;
<!-- THIS IS WHERE THE HEADER IMAGE IS -->
<!-- THIS IS WHERE THE HEADER IMAGE IS -->
<!-- THIS IS WHERE THE HEADER IMAGE IS...