Titel verschiebt sich durch Navbar

[Robert B.]

Moin jojo,

Ich möchte einen schönen Titel in der Mitte erstellen und oben rechts eine Navbar machen, jedoch verschiebt sich der Titel durch diese Navbar.

Wie kann ich das beheben?

    <a href="#">Discord</a>
    <a href="#">Info</a>
    <a href="#">Forum</a>
    <a href="#">Regelwerk</a>
    <a href="#">Shop</a>

Sollte das nicht Gegenstand einer Navigation sein? Die echten Links kommen vermutlich noch in die href-Attribute, vermute ich.

    <div class="Titlebar">
    <h1>NewFamily <br> State</h1>
    </div>

Das sieht doch nach einem header aus – sofern dir h1 nicht allein schon reicht; in deinem Beispiel ist das nämlich der Fall.

.Titlebar{
    color: rgb(207, 2, 197);
    text-align: center;
    font-size: 300%;
}

Diese Regeln können auch auf h1 angewendet werden.

a {
    text-decoration: none;
    color: blue;
    font-weight: bold;
    margin-left: 12px;
    float: right;
}

Die erste Zeile deiner Überschrift floatet um die Links herum – das sieht dann wie gezeigt aus.

Viele Grüße
Robert