JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<div>
    <p>I want this paragraph to be at the center, but I can't.</p>
</div>

CSS

div {
    width:500px;
    height:100px;
    background-color:aqua;
    text-align:center;
    display:table-cell;
    vertical-align:middle;
}