JSFiddle - React, Tailwind, and code Playground

by btevfik

HTML

<div id="buttonPanel" class="aButton">
            <div id="button1" class="aButton">A</div>
            <div id="button2" class="aButton">B</div>            
            <div id="button3" class="aButton">C</div> 
            <div id="button4" class="aButton">D</div>
            <div id="button5" class="aButton">E</div>
</div>

CSS

.aButton{
     border:1px solid blue;
}

.aButton #button2
{
    margin-top: 24px;
    margin-left: 347px;
    border:1px solid red;
}

.aButton #button1
{
    margin-top: 262px;
    margin-left: 110px;
    border:1px solid red;
}

.aButton #button3
{
    margin-top: 32px;
    margin-left: 114px;
    border:1px solid red;
}

.aButton #button4
{
    margin-top: 524px;
    margin-left: 104px;
    border:1px solid red;
}
.aButton #button5
{
    margin-top: 392px;
    margin-left: 106px;
    border:1px solid red;
}