Wie kann ich die Links in HTML besser einfügen?

Ich bin neu mit der "Programmiersprache" (viele sagen ja, das ist eigentlich keine, und es fühlt sich auch nicht wirklich an wie eine...), und wollte man ein paar Test Seiten erstellen. Jetzt hab ich allerdings eine Seite, die 2 links auf einer Zeile haben soll, und einer rechts und einer links stehen soll. Bestimmt geht das, aber ich kann entweder mit meinen Kenntnissen einen link links stehen lassen und den anderen rechts eine Zeile drunter oder ganz dicht aneinander, beide auf der linken Seite. Ist übrigens eine Verlinkung zwischen Dokumenten am selben PC, also hab ich <a> genutzt.

2 Antworten

Vom Fragesteller als hilfreich ausgezeichnet

Verelat777

05.12.2022, 20:59

So ginge es:

<!DOCTYPE html>
<html lang="de">
<head>
  <title>Positionierung von Links</title>
  <meta charset="UTF-8" />

  <style>
    .link-links {
      float: left;
    }

    .link-rechts {
      float: right;
    }
  </style>
</head>
<body>
  <a href="seite1.html" class="link-links">Link links</a>
  <a href="seite2.html" class="link-rechts">Link rechts</a>
</body>
</html>

Die CSS-Eigenschaften float: left; und float: right; bewirken, dass die beiden Links nebeneinander dargestellt werden, wobei der erste Link auf der linken Seite und der zweite Link auf der rechten Seite positioniert wird.

Hier ein Screenshot des Ergebnisses:

Bild zum Beitrag