JSFiddle - React, Tailwind, and code Playground

by j08691

HTML

<div class="mainmenu">
    <span class="mainmenuitem">
        Item1
    </span><span class="mainmenuitem">
        Item2
    </span>
</div>

CSS

.mainmenu{
 height:        25px;
 padding-left:  15px;   
}
.mainmenuitem{
height:             25px;
line-height:        25px;
background-color:   #F1F2F3;
text-align:         center;
padding-top:        0px;
padding-bottom:     0px;
padding-left:       5px;
padding-right:      5px;
margin-right:       1px;
margin-left:        0px;
display:            inline-block;
vertical-align:     middle;
color:              #00537B;
}