JSFiddle - React, Tailwind, and code Playground

by Kyle

HTML

<div id="pagelist">
    <div class="pagelist_img"><img src="images/default.gif"></div>
    <div class="pagelist_h1">HEADLINE</div>
    <div class="pagelist_excerpt">SUMMARY</div>
</div>

CSS

#pagelist{
    float: left;
    width: 280px;
    margin: 0 40px 20px 0;
    height: 100px;
    border: 1px dashed #00f;
}

.pagelist_h1 {
    font-size: 1.8em;
    font-weight: bold;
    border: 1px dashed #0f0;
}

.pagelist_img{
    border: 1px dashed #f00;
}

.pagelist_excerpt, .pagelist_excerpt p {
    font-size: 1em;
    color: #000000;
    border: 1px dashed #ff0;
}