HTML & CSS Mehr Text auf einer Zeile

Guten Tag liebe sa-mp.de Community, ich versuche derzeit per HTML & CSS mehr Text auf eine Zeile zu bekommen.
Jedoch wird nur eine Zeile angezeigt.

Mein code:
HTML:

<div id="menubalken">	
				<h1><a href="http://www.nafu-gaming.de/">Startseite</a><br></h1> 
				<h2><a href="http://www.nafu-gaming.de/">Impressum</a><br></h2>
				<h3><a href="http://www.nafu-gaming.de/">Datenschutz</a><br></h3>
			</div>

CSS:

#menubalken h1 {
padding-top:1px;
font-size:20px;
font-weight:bold;
color:black;
font-family:Courier;
}
#menubalken h2 {
padding-top:1px;
font-size:20px;
font-weight:bold;
color:black;
font-family:Courier;
}
#menubalken h3{
padding-top:1px;
font-size:20px;
font-weight:bold;
color:black;
font-family:Courier;
}

Es wird mir nur h1 angezeigt.

Ich hoffe mir kann jemand helfen!

MfG,
.Fabian.!

Zitat von Mr.Reese

<span style="clear: both;"></span>

Zitat von xGreekz7x

gebe jeweils:
h1, h2, h3 { display: inline-block; }

Zitat von Mr.Reese

Habe es getestet, bei mir werden alle drei Zeilen angezeigt. Oder möchtest Du lediglich, dass diese 3 Zeilen nebeneinander angezeigt werden?

Dann setzt du bei jedem <h1> Tag ein float: left; als CSS Attribut an.
Nach dem dritten machst Du ein

Code

<span style="clear: both;"></span>

.

Um das Ganze dann noch zu zentrieren, setzt Du alle drei <h1> tags in ein div Element, welches als CSS Attribut eine fixe Breite erhält, die left Eigenschaft 50% ist und als margin-left Wert den negativen Wert von der Breite /2.

Alles anzeigen

Habe hier mal ein Bild:

Es soll alles nebeneinander stehn, sprich Startseite Impressum Datenschutz.

Aber irgendwie wird nur Startseite angezeigt.

MfG,
.Fabian.!

Zitat von Mr.Reese

Hast Du nun eine Möglichkeit von uns beiden ausprobiert?

Ja habe ich, jedoch ohne eine Reaktion. Startseite stand immernoch alleine da.

MfG,
.Fabian.!

Zitat von Mr.Reese

Wie sieht denn nun der modifizierte Code aus?

Habe es wieder zurück geändert da nichts ging.
Ich sehe jetzt aber das der 2te & 3te Text unter dem Menu ist.

Sprich: Der Text steht untereinander & nicht nebeneinander.
#Edit: xGreekz7x: Wenn ich deine Methode mache, verschwindet der Text übrigens.

MfG,
.Fabian.!

Zitat von Mr.Reese

Wäre trotzdem gut zu wissen, wie es nun ausgesehen hat, damit wir rausfinden können, weshalb es nicht funktioniert.

Hatte es so probiert:

<span style="clear: both;"><h2><a href="http://www.testseite.de/">Impressum</a><br></h2></span>
& so
<h2><span style="clear: both;"><a href="http://www.testseite.de/">Impressum</a><br>></span</h2>

MfG,
.Fabian.!

Zitat von Mr.Reese

Ich sehe auch gerade: Weshalb hast Du die Zeilenumbrüche dahinter? Ist ja logisch, dass es untereinander angezeigt wird.
Außerdem hattest Du meine Erklärung falsch angewendet.^^ Sollte aber nun irrelevant sein, da der Zeilenumbruch mit Sicherheit der Fehler ist.

Wo habe ich Zeilenumbrücken dahinter? Habe mir das ganze grad mit einem Internet Video zusammengebastelt bin noch relativ neu im HTML & CSS.

MfG,
.Fabian.!

Zitat von Mr.Reese

Rot markiert

Hab ich jetzt entfernt jedoch bleibt es trotzdem untereinander?

MfG,
.Fabian.!

@Mr.Reese: Schon fast gut, jetzt sieht man schonmal alle. Aber sie sind nicht alle auf einer Höhe.
Und wenn ich dein

<span style="clear: both;"></div>

dazu nehme, verschiebt sich mein ganzer Footer.
Edgar: Bringt leider auch nix.

MfG,
.Fabian.!

Zitat von Cireyses

Man sollte es auch richtig machen:
http://jsfiddle.net/Cireyses/Sbcmk/

Habe ich in ca. 3 Minuten gemacht.

Guten Tag, wie gesagt ich habe erst Gestern angefangen.
Wie du es machen "würdest" funktioniert, jedoch entspricht es dann nicht mehr meinem Muster wie ich es gerne haben wollte.

MfG,
.Fabian.!