Texte ausrichten

[Jochen]

Hallo, das folgende Codeschnipsel erzeugt nachfolgende Ansicht

    <nav>
      <ul>
        <li><a tabindex="0" aria-current="page">Startseite</a></li>
        <li><a href="preise.html">Unsere Preise</a></li>
        <li><a href="inhalt.html">Bilder von unseren Produkten</a></li>
        <li><a href="kontakt.html">Kontakt und Impressum</a></li>
      </ul>
    <p>Unsere Filialen</p>
      <ul>
        <li><a href="https://a.test.test">Filiale1</a></li>
        <li><a href="https://b.test.test">Filiale2</a></li>
      </ul>
    </nav>    

Wie kann ich

• den Zeilenabstand vor und nach "Unsere Filialen" verkleinern
• den Text "Unsere Filialen" einrücken bis unter/über den Punkten?