how to remove the white space between two span tags?

Answer 1

Update Css

.left-top-text {
    display: inline-block;
    padding-top: 6px;
    font-size: 30px;
    white-space: nowrap;
    margin-left: -5px;
}

Snippet Example

.side-bar{
        background-color: red; 
    }
    @media (min-width: 768px){
        .side-bar{
            z-index:10;
            position:absalute;
            width:220px;
            /*padding-top:60px;*/
            height:100%;
            /*top:0;*/
            position:fixed;

    }
    }
    @media (min-width: 768px){
        .top-left-part{
            width:220px;
            position:fixed;
            z-index: 11;
            /*top: 0;*/
            height: 60px;
        }
    }
    /*---------------top left part starts here------------*/
    .top-left-part{
        width:220px;
        float:left;
        background-color: #ffffff;
        /*padding-top: 60px;*/
    }
    .top-left-image{
        float: left;
        height: 40px;
        width: 50px;
        padding-left: 1.3px;
        padding-right: 10px;
        padding-top: 2.7px;
    }
   .left-top-text {
    display: inline-block;
    padding-top: 6px;
    font-size: 30px;
    white-space: nowrap;
    margin-left: -5px;
   }
    .text-elite{
        font-weight: 600;
    }
    .text-admin{
        padding-left: -5px;
    }
    /*---------------top left part ends here-------------*/
    /*---------------top-right part starts here----------*/
    .top-right-part{
        top: 0 !important;
        background-color:#4F5467;
        width:100%;
        height:60px;
        right: 0;
    }
    .arrow-left{
        color: white;
    }
    /*---------------top right part ends here-------------*/

    
              
              
              
              
              
        
        
    
    
        

            

                 
                elite 
                admin