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;

}

p
{

}