JSFiddle - React, Tailwind, and code Playground

by Spencer Smith

HTML

<div class="post">
    <img src="http://i.stack.imgur.com/BQEaq.jpg"/>
    <h4>Ian Walton Selected as SPE Distinguished Lecturer</h4>
    <p>EGI Senior Research Scientist Dr. Ian Walton has been selected by the Society of Petroleum Engineers (SPE) as a 2016–2017 Distinguished Lecturer (DL). Chosen annually by SPE, Distinguished Lecturers are nominated by their peers to share their extensive knowledge...</p>
</div>

<div class="post">
    <h4>EGI Staff Helps Lead University of Utah Robotic Mining Team to 3rd Place in NASA Competition</h4>
    <p>After 15 months of planning, constructing, programming, and testing, the University of Utah’s Robotic Mining Team headed to Titusville, FL for the 2015 NASA Robotic Mining Competition in May. Formed in 2014, the University of Utah team gained entry to the competition in its first year as a recognized campus</p>
    
</div>

CSS

*{margin:0px; padding:0px;}
body{font-family: Open Sans;}

.post{
    min-width:600px;
    width:600px;
    min-height:100px;
    background-color:whitesmoke;
    float:left;
    border:solid #E2E2E2 1px;
    margin:20px;
    margin-bottom:0px;
    padding:15px;
}

img{
    //width:125px;
    height:125px;
    float:left;
    margin-right:10px;
}

h4{
    font-weight:600;
    margin-top:5px;
    color:#c01230;
}

p{
    color:darkgray;
    font-size:14px;
    margin-top:15px;
}