Wie kann ich das in einer Zeile machen?

Question

Wie kann ich diese eine Zeile machen?

<div data-reactroot=""> 
    <div> 
     <div> 
      <a href="/home">Home</a> 
      <br> 
     </div> 
    </div> 
    <div> 
     <div> 
      <a href="/about">About</a> 
      <br> 
     </div> 
    </div> 
    <div> 
     <div> 
      <a href="/services">Services</a> 
      <br> 
     </div> 
    </div> 
    <div> 
     <div> 
      <a href="/portfolio">Portfolio</a> 
      <br> 
     </div> 
    </div> 
    <div> 
     <div> 
      <a href="/contact-us">Contact us</a> 
      <br> 
     </div> 
    </div> 
</div> 

Answer 1

Dies sollte alles in eine Zeile setzen:

<div data-reactroot=""> 
    <a href="/home">Home</a> 
    <a href="/about">About</a> 
    <a href="/services">Services</a> 
    <a href="/portfolio">Portfolio</a> 
    <a href="/contact-us">Contact us</a> 
</div> 

Sie müssen nur alle <br>-Tags entfernen (die Bruchlinien verwendet werden) und halten sie in der gleichen <div> alle mögliche Arten außer Kraft zu setzen das könnte sie auf eine neue Linie stellen.

Answer 2

Sie haben 4 Tags verwendet, die mit dem Problem nicht in Zusammenhang stehen. Sie möchten diese Links nebeneinander anzeigen? Das ist ein CSS-Problem.