JSFiddle - React, Tailwind, and code Playground

HTML

<div id="shapka">Шапка</div>
 <div id="www">
<p class="asd">1</p >
    <p class="asd">2</p>
    <p class="asd">3</p >
     <p class="asd">4</p></div>

CSS

#shapka {width: 400px; border: 4px solid black; text-align: center;}
.asd {width: 50px; height: 50px; border: solid 2px black; margin-left: 15px;}
#www p{display: inline-block}