JSFiddle - React, Tailwind, and code Playground

HTML

<div id="top">Eject Card | Close PDA</div>
<div class="Center">
    
<h1>Personal Data Assistant</h1>

    <p>Owner: Horse Horsington</p>
</div>
<b> General Functions </b>

<ul>
    <li>My Files</li>
    <p>
    <li>My Texts</li>
    <p>
    <li>My Notes</li>
</ul>
</div>
    <b> Utilities</b>
<ul>
    <li>Atmos Scan</li>
    <p>
    <li>Scanner(none)</li>
    <p>
    <li>Flashlight (on)</li>
</ul>

CSS

html {
    background-color: #21726b;
}
.top {
    float:right;
}
.Center {
    text-align:center;
}
li {
    list-style:none;
    float:center;
    border-color: #175953;
    border-style:solid;
    border-width:5px;
    border-radius:3px;
    display: table;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}