Leerzeichen in nav li zwischen links entfernen auch anders möglich?

  • <nav>
    <ul>
    <li><a href="">Link1</a></li>
    <li><a href="">Link2</a></li>
    <li><a href="">Link3</a></li>
    <li><a href="">Link4</a></li>
    <li><a href="">Link5</a></li>
    <li><a href="">Link6</a></li>
    </ul>
    </nav>


    (siehe Bild 1 Leerzeichen nicht entfernt)


    alles nebeneinander allerdings entfernt die leerzeichen:

    <ul>
    <li><a href="">Link1</a></li><li><a href="">Link2</a></li><li><a href="">Link3</a></li><li><a href="">Link4</a></li><li><a href="">Link5</a></li><li><a href="">Link6</a></li>
    </ul>


    (siehe Bild 2 Leerzeichen entfernt)


    Ich hätte meine HTML aber gerne wie in Bild 1 da dies viel ordentlicher in der HTML aussieht. Falls es dafür einen Code gibt ob html oder css, um die Leerzeichen zu entfernen, statt alles hintereinander schreiben zu müssen, sodass man die Übersicht über die Links verliert, bin ich dankbar für eure Hilfe :).