JSFiddle - React, Tailwind, and code Playground

HTML

<h3>Method 1</h1>
<div id="method-one" style="text-align:center">
  CSS `text-align:center`
</div>

<h3>Method 2</h1>
<div id="method-two" style="background-color:green">
  <div style="margin:0 auto;width:50%;background-color:lightblue">
    CSS `margin:0 auto` to have left and right margin set to center a block element within another element.
  </div>
</div>

<h3>Method 3</h1>
<div id="method-three">
  <center>Center tag (not recommended and deprecated in HTML4)</center>
</div>

CSS

body > div {
  padding-bottom:2em;
  border-bottom:1px solid #333;
}