Pfeil hinter h1 bringen

[martinatina]

Hallo :)

Folgendes: Ich habe einen Pfeil hinter die Überschrift h1 gesetzt <.i> heißt das Element
Das musste ich aber absolute machen weil es nicht über meinen Wrapper ging
Wie löse ich diese kleine Katastrophe denn nun am besten :(

Der Wrapper soll am besten auch responsive werden, so dass margin gleich bleibt egal auf welche Größe ich das Fenster re-size

Kann mir da wer weiterhelfen bin schon am verzweifeln

NWrOGdj

...

codepen.io

 

[basti1012]

Wenn dein Icon kein Link sein brauch kannst du auch h1:after nutzen

Zur Lösung

 

[martinatina]

Wenn dein Icon kein Link sein brauch kannst du auch h1:after nutzen

font-awesome in after

...

codepen.io

Doch doch er soll ein Link zu einer anderen Seite sein

 

[martinatina]

Als

Dafür, dass der Pfeil hinter die Überschrift h1 soll, hast Du ihn im HTML aber denkbar ungünstig platziert :-)
Einfach an den Platz setzen, wo er angezeigt werden soll und die absolute Positionierung löschen:

<h1>DER PFEIL IST HIER DRAUF&nbsp;<a href="projekte.html">
    <i class="fas fa-chevron-left"></i>
    </a></h1>
        <h2> Ich will aber das er dahinter bleibt
           </h2>

Das Problem ist die Überschriften sollen untereinander an der Position bleiben wo sie jetzt sind, nur der Pfeil soll hinter die erste Überschrift aaber da hab ich ja den Wrapper dahinter :((

 

[martinatina]

Ist das irgendwie möglich das der da bleibt egal wie ich mein Fenster vergrößere / verkleinere