JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper-resources">
		<div id="resources_row">
			<div class="resources_cell1">
				<div class="resources_lt">
                <img src="http://icons.iconarchive.com/icons/aha-soft/food/256/apple-icon.png" width="76" height="76" /> 
				</div>
                <div class="resources_rt">
                    <p><strong>Webinar</strong>
                   Hidden Gems In Government Procurement</p>
				</div>
			</div>
			<div class="resources_cell2">
				<div class="resources_lt">
                <img src="http://www.purelynaturalskin.co.uk/wp-content/uploads/2011/09/Sweet-Orange-Oil.jpg" width="76" height="76" /> 
				</div>
                <div class="resources_rt">
                    <p><strong>Article</strong>
                    Hidden Gems In Government Procurement</p>
				</div>
			</div>
			<div class="resources_cell3">
				<div class="resources_lt">
                <img src="http://images.wikia.com/uncyclopedia/images/archive/d/d4/20080204233721!Pear.jpg" width="76" height="76" /> 
				</div>
                <div class="resources_rt">
                    <p><strong>Blog</strong>
                    Hidden Gems In Government Procurement</p>
				</div>
			</div>
			<div class="resources_cell4">
				<div class="resources_lt">
                <img src="http://www.whataboutwatermelon.com/wp-content/uploads/2009/06/watermelon_simple.jpg" width="76" height="76" /> 
				</div>
                <div class="resources_rt">
                    <p><strong>News</strong><br>
                    Hidden Gems In Government Procurement</p>
				</div>
			</div>
		</div>
	</div>

CSS

#wrapper-resources {
    position:relative;
    width:100%;
    border: none;
    margin: 50px 0 0 0;
}

    #resources_row {
    height:100%;
    white-space:nowrap;
    }

    .resources_cell1, .resources_cell2, .resources_cell3, .resources_cell4 {
    height:100%;
    width:25%;
    display:inline-block;
    white-space:normal;
    border: 1px solid red;    
    }

    .resources_lt {
    height:100%;
    float: left;
    display:inline-block;
    white-space:normal;
    margin-right: 20px;
    vertical-align: top;
    border: 1px solid red;
    }

    .resources_rt {
    height:100%;
    display:inline-block;
    white-space:normal;
    vertical-align: top;
    border: 1px solid red;
    }