JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<div style="padding-right: 30px; vertical-align:top">
    <div class="stopHoriz">Amusement</div>
    <div class="stopHoriz">State Park</div>
    <div class="stopHoriz">Zoo</div>
    <div class="stopHoriz">History</div>
    <div class="stopHoriz">Marine Encounters</div>
    <div class="stopHoriz">Onset</div>
    <div class="stopHoriz">Museum</div>
    <div class="stopHoriz">Beaches</div>
</div>

CSS

.stopHoriz {
            display:inline-block; 
            vertical-align:top;
            border: 1px solid black; 
            width:75px; 
            height:75px; 
            text-align:center;
            font-size: .8em;
        }

        .stopVertical {
            margin-bottom:3px;
            border: 1px solid black; 
            width:75px; 
            height:75px; 
            text-align:center;
            font-size: .8em;
        }