Pfeil hinter h1 bringen

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 :D 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 :D bin schon am verzweifeln
Kommentar abgeben zu diesen Beitrag/Code ?
Dann hier klicken

Der hier verwendete Code

<!DOCTYPE html> <html lang="de"> <head> <script src="/js_webseite/a5250735de.js"></script> <style> h1 { font-family: 'Josefin Sans', sans-serif; font-weight: 500; font-size: 20pt; margin-bottom: 15px; margin-top: 3px; } h1:after{ font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f053"; } } h2 { font-family: 'Lato', sans-serif; font-size: 11.5pt; font-weight: 400; width: 400px; line-height: 17.5pt; } </style> <meta charset="utf-8"> <title>Martina Barisic</title> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"> </head> <body> <div class="wrapper"> <h1>DER PFEIL IST HIER DRAUF </h1> <h2> Ich will aber das er dahinter bleibt </h2> </div> </body> </html>