JSFiddle - React, Tailwind, and code Playground

by kamijam

HTML

<div class="outer"> <!-- 父容器 -->
	<div class="inner"> <!-- 子容器 -->
		...
    <p>121212</p>
    <p>121212</p>
	</div>
</div>

CSS

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