JSFiddle - React, Tailwind, and code Playground

HTML

<aside class="aside_l">
            <section class="recent">
    					<article>
							<h3>RECENT POSTS</h3>
							<img src="/img/thumb1.png" alt="" />
							<p>Curabitur bibendum tortor in diam viverra <span>9 Comments</span></p>
    					</article>
    					<article>
							<img src="/img/thumb2.png" alt="" />
							<p>Curabitur bibendum tortor in diam viverra <span>9 Comments</span></p>
    					</article>
    					<article>
							<img src="/img/thumb3.png" alt="" />
							<p>Curabitur bibendum tortor in diam viverra <span>9 Comments</span></p>
    					</article>
    					<article>
							<img src="/img/thumb4.png" alt="" />
							<p>Curabitur bibendum tortor in diam viverra <span>9 Comments</span></p>
    					</article>
    				</section>
    				<section class="popular">
    					<h3>POPULAR POSTS</h3>
					</section>
    				<section class="comments">
    					<h3>RECENT COMMENTS</h3>
					</section>
					<section class="flickr">
  						<h3>FLICKR</h3>
					</section>
   					<section class="twitter">
   						<h3>TWITTER</h3>
					</section>
    			</aside>

CSS

.recent{
	margin-top: 20px;
	border: 1px solid red;
  float: left;
}

article{
	margin: 15px 10px 0 10px;
	float: left;
}

.recent h3{
	background-color: #fff;
	padding: 5px;
	border-bottom: 1px dotted #ccc;
}

.recent img{
	float: left;
	width: 60px;
	height: 50px;
	margin-right: 10px;
}