JSFiddle - React, Tailwind, and code Playground

HTML

<div id="work_process">
	<div class="work_pic">
		<img src="img/photo.jpg" alt="" />
	</div>
	<div class="work_title">Lorem ipsum</div>
	<div class="work_pic">
		<img src="img/photo.jpg" alt="" />
	</div>
	<div class="work_title">Lorem ipsum</div>
	<div class="work_pic">
		<img src="img/photo.jpg" alt="" />
	</div>
	<div class="work_title">Lorem ipsum</div>
	<div class="work_pic">
		<img src="img/photo.jpg" alt="" />
	</div>
	<div class="work_title">Lorem ipsum</div>
	<div class="clear"></div>
</div>

CSS

#work_process{
width:100%;
}

.work_pic{
width:25%;
float:left;
}

.work_pic img{
width:100%;
}

.work_title{
width:25%;
float:left;
vertical-align:middle;
}