Responsive design

[Julian]

Hallo!

ich habe folgendes HTML

<nav>
    <details>
      <summary class="popover-trigger">Menü &#x2630;</summary>
  <a href="HTTPS//:">Startseite</a><br>
  <a href="HTTPS//:">Aktuelles</a><br>
  <a href="HTTPS//:">Datenschutzhinweise</a><br>
  <a href="HTTPS//:">Impressum</a>
    </details>
</nav>

Wie kann ich dies unterdrücken und die Texte nebeneinander stellen, wenn Breite des Bildschirms größer xem?

Zusatzfrage: Wie kann ich das <br> vermeiden?