JSFiddle - React, Tailwind, and code Playground

by Salustiano Silva

HTML

<div class="btn-wrap">
    <img src="http://img.youtube.com/vi/DXNAljCahPE/0.jpg">
    <button>Play</button>
</div>

CSS

.btn-wrap{
    position:relative;
    text-align:center;
}
.btn-wrap button{
    position:absolute;
    z-index:1;
    top:50%;
    left:50%;
    width:60px;
    height:30px;
    padding:0;
    margin:-15px 0 0 -30px;
    border:0 none;
}