JSFiddle - React, Tailwind, and code Playground

HTML

<div class="menu_container"><ul class="menu"><li class="user_mg_menu"><a href="http://google.com">Test<img src="http://i.cubeupload.com/3YRXV0.png"></a></li><li class="group_mg_menu"><a href="http://google.com">Test1<img src="http://i.cubeupload.com/3YRXV0.png"></a></li></ul></div>

CSS

.menu_container
{
    /*margin-bottom: 20px;*/
    padding: 15px 0;
}

.menu  a:active , .menu a:visited , .menu  a
{
    color:#336699;

}

.menu a:hover  > img
{

}

.menu
{
    list-style: none;
    margin:0 51px 6px 0;
    height: 50px;
}

.menu li:first-child
{
    /*margin-right: 20px;*/
}

.menu li
{
    width: 185px ;

    border-radius: 8px;

    height: 50px;

    float: right;

    margin-right:10px;

    box-shadow: 0 0 5px 2px #888886





    /*background:-moz-linear-gradient(top, #f5f7f8, #dcdddf 50% , #f5f7f8 );*/
    /*background-color: -webkit-linear-gradient(top, #dadbe7, #8db3d9);*/
    /*background-color:-o-linear-gradient(top, #dadbe7, #8db3d9);*/
    /*background-color:-ms-linear-gradient(top, #dadbe7, #8db3d9);*/
}

.menu li a
{
    line-height: 50px;
    text-decoration: none;
    padding-right: 20px;
    font-size: 15px;
    display: block;
}

.user_mg_menu
{


    background: /*url('../img/userManagement.png') no-repeat 10px 0,*/ -moz-linear-gradient(top, #f5f7f8, #dcdddf 50% , #f5f7f8 ) ;
    
	background: /*url('../img/userManagement.png') no-repeat 10px 0,*/ -webkit-linear-gradient(top, #f5f7f8, #dcdddf 50% , #f5f7f8 ) ;

    /**/
    /*background-image: url(../img/userManagement.png) ;*/
    /*background-repeat: no-repeat;*/
}

.user_mg_menu  a
{




}

.group_mg_menu
{

    background: /*url('../img/groupManagement.png') no-repeat 10px 2px ,*/ -moz-linear-gradient(top, #f5f7f8, #dcdddf 50% , #f5f7f8 ) ;
	
	background: /*url('../img/userManagement.png') no-repeat 10px 0,*/ -webkit-linear-gradient(top, #f5f7f8, #dcdddf 50% , #f5f7f8 ) ;


}

.group_mg_menu a
{



}


.sms_menu
{

    background: /*url('../img/sms.png') no-repeat 10px 2px ,*/ -moz-linear-gradient(top, #f5f7f8, #dcdddf 50% , #f5f7f8 ) ;
	
	background: /*url('../img/userManagement.png') no-repeat 10px 0,*/ -webkit-linear-gradient(top, #f5f7f8, #dcdddf 50% , #f5f7f8 ) ;

}

.sms_menu a
{


}

.sim_credit_menu
{
    background: /*url('../img/simCredit.png') no-repeat  ...