JSFiddle - React, Tailwind, and code Playground

by Daniel Tan

HTML

<div class="sidebox">

        <h3>Course Summary</h3>

        <div class="block">

            <h4>Course ID</h4> 
            <p>MS00000001</p>
            <h4>Start Date</h4> 
            <p>14<sup>th</sup> September 2011</p>
            <h4>End Date</h4> 
            <p>12<sup>th</sup> June 2012</p>
            <h4>Cost</h4> 
            <p>£1500.95</p>     

        </div>

    </div>

CSS

.sidebox h3, .sidebox .block h4 {
    font-weight: bold;
    margin-top: 1em;
}

.sidebox .block p:nth-of-type(even) {
    color: red;
}