JSFiddle - React, Tailwind, and code Playground

by zitrusfrisch

HTML

<div>
	<h1>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Donec ullamcorper nulla non metus auctor fringilla. Sed posuere consectetur est at lobortis.</h1>

</div>

CSS

* { margin: 0; padding: 0; }
body { background: red; text-align: center; height: 100%; width: 100%; position: absolute; display: table; }

div { display: table-cell; vertical-align: middle; }
h1 { background: green; max-width: 20em; margin: 0 auto; }