JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outer"> <!-- 父容器 -->
	<div class="inner"> <!-- 子容器 -->
		<img src="http://www.21shipin.com/img/divcss/200892611113998277801.png">
	</div>
</div>

CSS

.outer { background: #60b99a; 
    line-height: 100px; height: 100px; }
.inner { background: #f1efa5;
    display: inline-block; vertical-align:middle; 
    height: 70%; width: 80%;
    line-height: normal; /*resets*/}