JSFiddle - React, Tailwind, and code Playground

HTML

<div id="main">
				<h1 class="center">Friends list</h1>
				<ol>
					<li>Erin</li>
					<li>Jacob</li>
					<li>Frankie</li>
					<li>Bob</li>
				</ol>
</div>

CSS

#main {
	color: #fff;
	text-shadow:
       3px 3px 0 #000,
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
	left: -200px;
    margin: auto;
    margin-top: auto;
    top: 150px;
    width: auto;
	font-size: 1.5em;
    }

    ol {
	    list-style-position: inside;
	    padding-left: 0;
    }