JSFiddle - React, Tailwind, and code Playground

by UnsungHero97

HTML

<li id="button_welcome"><div>Welcome</div></li>

CSS

li{
    border: 1px solid #e3e3e3;
    height:48px;
    width:130px;
    margin-bottom:15px;
    
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F9F9F9),to(#E3E3E3));
    background: -moz-linear-gradient(top,#F9F9F9,#E3E3E3);
}
li div{
    text-align:right;
    margin-right:10px;
    line-height: 48px; /* as tall as the list item */
}