JSFiddle - React, Tailwind, and code Playground

by brennan

HTML

<div id="wrapper">
    <div id="header">
        <h1>Mockups To Launch .com</h1>
    </div> <!-- end #header -->
    <div id="nav">
        <a href="http://google.ca">Home</a>
        <a href="http://google.ca">News</a>
        <a href="http://google.ca">About</a>
        <a href="http://google.ca">Contact</a>
        <a href="http://facebook.com">Facebook</a>
    </div><!-- end #nav -->
    
    <div id="content">
        <h1>Welcome</h1>
        <p>Welcome to my website... It's under construction... mind the mess.</p>
    </div> <!-- end #content -->
    
    <div id="sidebar">
        <p>Testimonial from client #1</p>
    </div> <!-- end #sidebar -->
    
    <div style="clear:both;"></div>
    
</div> <!-- end #wrapper -->

CSS

#wrapper{
    width:940px;
    border:1px solid #000000;
    margin:20px auto 20px auto;
}

#content{
    background:#ff0033;
    float:left;
    width:700px;
}

#sidebar{
    background:#0033ff;
}