JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper-icons">
		<div class="icons_row">
			<div class="icons_cell1">
				<a href="http://www.thesurfboardproject.com/" target="_blank"><img alt="Surfboard" height="140" src="http://www.thesurfboardproject.com/wp-content/uploads/2013/10/JoseAngelGreg-Noll-1010-640x360.jpg" style="display:block; margin:0 auto;" width="160" /> </a>
				<p class="rtecenter"><a href="http://www.thesurfboardproject.com/" target="_blank">Surfboard 1</a></p>
			</div>
			<div class="icons_cell2">
				<a href="http://www.apple.com/" target="_blank"><img alt="Surfboard" height="140" src="http://www.thesurfboardproject.com/wp-content/uploads/2012/07/1957-Hobie-Balsa.jpg" style="display:block; margin:0 auto;" width="160" /> </a>
				<p class="rtecenter"><a href="http://www.apple.com/" target="_blank">Surfboard 2</a></p>
			</div>
			<div class="icons_cell3">
				<a href="http://www.ibm.com/" target="_blank"><img alt="Surfboard" height="140" src="http://www.thesurfboardproject.com/wp-content/uploads/2013/09/Interisland-Gun.jpg" style="display:block; margin:0 auto;" width="160" /> </a>
				<p class="rtecenter"><a href="http://www.ibm.com/" target="_blank">Surfboard 3</a></p>
			</div>
			<div class="icons_cell4">
				<a href="http://www.espn.com/" target="_blank"><img alt="Surfboard" height="140" src="http://previewcf.turbosquid.com/Preview/2010/12/03__01_46_00/Surfboard_V3_2.jpge90d89a5-aaf9-44ac-b8cc-3327a5dc064bLarger.jpg" style="display:block; margin:0 auto;" width="160" /> </a>
				<p class="rtecenter"><a href="http://www.espn.com/" target="_blank">Surfboard 4</a></p>
			</div>
		</div>
	</div>

CSS

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

    .icons_row {
    height:100%;
    white-space:nowrap;
    }

.icons_cell1:hover, .icons_cell2:hover, .icons_cell3:hover, .icons_cell4:hover {
    border:2px solid #BBB;
}


.rtecenter {
 text-align: center;   
}
}