JSFiddle - React, Tailwind, and code Playground

HTML

<body>



<div class="parent">
<img alt="" height="16" src="assets/images/favicon16.png" width="16"  /><img alt="" height="48" src="assets/images/favicon48.png" width="48" /><img alt="" height="48" src="assets/images/favicon48.png" width="48" /><img alt="" height="32" src="assets/images/favicon32.png" width="32" /></p>
</div>
<p>&nbsp;</p>

</body>

</html>

CSS

#Parent{
	line-height: 200px;
}

.parent img {
    vertical-align: middle;
}