JSFiddle - React, Tailwind, and code Playground

HTML

<a id="left-control">
    <img src="https://events.columbia.edu/3.10/calrsrc.MainCampus/themes/columbiaTheme/resourcesColumbia/FacebookIcon.png" />
 </a>

CSS

#left-control::before {
    height: 100%;
    content: "";
    
}
#left-control {
    background-color: crimson;
    display: table;
    height: 300px;
    line-height: 300px;
    text-align: center;
    width: 300px;
}

#left-control img {
    vertical-align: middle;
    z-index: 1;
	
	margin: 0 auto;
}