JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css">
<div class='videos'>
    <div class='video'>
        
    </div>
    <div class='video'>
        
    </div>
    <div class='video'>
        
    </div>
</div>

CSS

.videos{
    width: 100%;
}

.video{
    text-align:center;
    vertical-align:middle;
    border: 1px solid #e6e6e6;
    width: 33%;
    float: left;
    height: 150px;
}

.video:before{
    content: "\f01d";
    font-family: FontAwesome;
    opacity: 0.8;
    font-size: 50px;
    cursor: pointer;
    line-height: 150px;
}