JSFiddle - React, Tailwind, and code Playground

by Daniil Khanin

HTML

<ul class="img">
    <li class="home"><div class="homeimg"><a href="#"></a></div></li>
    <ul class="menu">
<li class="texthome"><a href="#">HOME</a></li>

CSS

li.home{
 list-style-type:none;
width:40px;
height:30px;
background-color:black;
margin-left:38px;
float:left;
margin-top:-22px;
position:relative;
z-index:20;
}
 .homeimg a{
float:left;
background-image:url(home.png);
margin-left:7px;
width:25px;
height:25px;
}
ul.menu li{
float:left;
list-style-type:none;}
.texthome{
padding-right:0px;}
 .texthome a{
float:left;

text-decoration:none;
font-size:16px;
color:#555555;
font-family:Myriad pro;
position:relative;
    top:20px;
    right:40px;
    
}