<style>

li {

    padding: 4px 30px;

    border-radius: 8px;

    background-color: tomato;

    font-size: 16px;

    display: inline;

}

  li.navli {background-color: coral;}

</style>

​

Пробелы есть

​

<ul class="navul">

            <a href="#"><li class="">TEXT</li></a>

            <a href="#"><li class="">TEXT</li></a>

            <a href="#" class="ahere"><li class="">TEXT</li></a>

            <li class=""><a href="#">TEXT</a></li>  

            <li class=""><a href="#">TEXTе</a></li> 

            <li class=""><a href="#">TEXT</a></li>              

​

        </ul>

Пробелов нет

<ul class="navul">

            <a href="#"><li class="navli">TEXT</li></a><a href="#"><li class="navli">TEXT</li></a><a href="#" class="ahere"><li class="navli">TEXT</li></a><li class="navli"><a href="#">TEXT</a></li><li class="navli"><a href="#">TEXTе</a></li><li class="navli"><a href="#">TEXT</a></li>               

​

        </ul>