JSFiddle - React, Tailwind, and code Playground

HTML

<body class="wholePage">
        <aside class="aside">
          <section class="aside-header">
            <h2>About HTML5</h2>
          </section>

          <section class="aside-body">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
            Fusce porta lorem rhoncus, rhoncus orci sed, auctor nisl. 
            Etiam rutrum risus tellus, eu interdum tortor porttitor ut. 
            Praesent et nisl tincidunt lorem suscipit laoreet vel non turpis.
            Vivamus hendrerit vel neque at varius. 
            Donec tempus, sapien at fermentum pulvinar, orci mauris tempor dolor, 
            non mattis magna lectus et augue. 
            Vivamus ut diam enim. Fusce nec dui arcu. 
            Duis luctus odio ligula, vitae pharetra nisi cursus ut. 
            Nam id neque pulvinar tortor laoreet laoreet sed at sem.</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
            Fusce porta lorem rhoncus, rhoncus orci sed, auctor nisl. 
            Etiam rutrum risus tellus, eu interdum tortor porttitor ut. 
            Praesent et nisl tincidunt lorem suscipit laoreet vel non turpis.
            Vivamus hendrerit vel neque at varius. 
            Donec tempus, sapien at fermentum pulvinar, orci mauris tempor dolor, 
            non mattis magna lectus et augue. 
            Vivamus ut diam enim. Fusce nec dui arcu. 
            Duis luctus odio ligula, vitae pharetra nisi cursus ut. 
            Nam id neque pulvinar tortor laoreet laoreet sed at sem.</p>
          </section>
        </aside>
        <div class="mainsection">
       <article id="post-5946">
          <section id="post-5946-header">
                  <h1 class="entry-title">8th Pluralsight Course: 
                  HTML5 From Scratch</h1>
                  <div class="entry-meta">
                      <span class="meta-prep">Posted on July 14, 2013</span>
                  <span class="meta-sep">by</span> 
                  <span...

CSS

p
        {
          color: #000000;
          font-size: medium;
          font-family: 'Segoe UI';
          overflow: auto
        }
        h1
        {
          color: #ff0000;
          font-size: x-large;
          font-family: 'Segoe UI';   
        }
        h2
        {
          color: #0000ff;
          font-size: larger;
          font-family: 'Segoe UI';   
        }

        footer p
        {
          font-size: x-small;
        }
        .entry-content :first-child {color:brown}
        ul :nth-child(odd) {background-color : yellow }
        ul :nth-child(even) {background-color : blue}
        .aside-body p:nth-of-type(odd) {background-color : yellow }
        .aside-body p:nth-of-type(even) {background-color : pink }

        .wholePage{
            font-family: 'Segoe UI', Arial, Helvetica, san-serif;
            font-size: 18px;
            color: #0000ff;
            width: 700px;
            margin: 5 auto;
        }
        .aside{
            float:right;
            width:170px;
            margin-top:50px;

        }
        .mainsection{
            margin:180px;
            background:gray;
        }
        .mainsection img{
            float:right;
            width:150px;
            height:150px;
            margin:5px;
}