Texte in JavaScript verschieben?

Moin, ich möchte folgende Textfelder so positionieren, dass sie anstatt untereinander, nebeneinander sind. Also eine Überschrift in h2 soll immer über einer Unterschrift in h1 stehen.

JS code:

var footer = `

<h2>Service-Hotline</h2>

<h1>04383-42069</h1>

<h2>Quellen</h2>

<h1><a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ">Quellenverzeichnis</a></h1>

<h2>Anfahrt</h2>

<h1><a href="">Anfahrt</a></h1>

`;

document.getElementsByTagName("footer")[0].innerHTML = footer;

Answer 1

[EinAlexander]

ich möchte folgende Textfelder so positionieren, dass sie anstatt untereinander, nebeneinander sind.

Du möchtest dass dieser Code

<h2>hello</h2>
<h1>world</h1>

nicht so dargestellt wird:

hello
world

sondern so:

hello world

Hab ich das richtig verstanden? Wenn ja, machst Du das, indem Du im CSS zum Beispiel schreibst

<style>
h1, h2 { display:inline }
</syle>

Alex

Comments

[BibbleBob]

super danke, das hilft schonmal. jetzt möchte ich aber, dass h1 unter h2 steht, wie geht das?

[BibbleBob]

@BibbleBob

einfach <p></p> einfügen

[EinAlexander]

@BibbleBob

jetzt möchte ich aber, dass h1 unter h2 steht, wie geht das?

diese Zeile löschen:

<style>
h1, h2 { display:inline }
</style>

[BibbleBob]

@EinAlexander

ne, dann steht ja alles untereinander

[EinAlexander]

@BibbleBob

ne, dann steht ja alles untereinander

wie soll denn das Gesamte aussehen?

[BibbleBob]

@EinAlexander

habs schon, deswegen meinte ich, dass man noch <p></p> ergänzen muss

[EinAlexander]

@BibbleBob

Deswegen meinte ich, dass man noch <p></p> ergänzen muss

das ist ganz, ganz sicher die falsche Lösung. Ganz sicher. Denn man schreibt nie <p></p> ohne Inhalt. NIE.

[BibbleBob]

@EinAlexander

klappt aber