JSFiddle - React, Tailwind, and code Playground

HTML

<a class="preview-holder" href="#" target="_blank">
					<div class='preview'>
						<img src="http://s31.postimg.org/9c62tqc63/Carpet_Tree_of_Life.jpg" alt=""/>
						<p>Class aptent taciti sociosqu ad litora torquent per conubia nostra</p>
					</div>
				</a>

CSS

.preview-holder {
  display: block;
  max-width: 1px;
}
.preview {
				position:relative;
				top:0px;
				left:0px;
				float:left;
				margin-right:30px;
				margin-bottom:30px;
				background-color:#eee;
				border:1px solid #ccc;
			}

			.preview img{
				display:block;
			}
			
			.preview p{
				margin:0;
				padding:15px 10px;
				color:#333;
			}

			.preview-hover{
				background-color:#FC5A5A;
			}