JSFiddle - React, Tailwind, and code Playground

by Roshini Periyannan

HTML

<div class="wrapper">
	<div class="box">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quis pretium arcu, eget semper lacus. Aliquam aliquam, augue non bibendum pretium, felis neque eleifend tortor, ut luctus mi ante vel nisl. Mauris id enim elit.</p>
	</div>
</div>

CSS

html, body {
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		display: table;
	}
	.wrapper {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
	}
	.box {
		background-color: red;
		display: inline-block;
		text-align: center;
		padding:10px;
		width: 100px;
		height:auto;
	}