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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
    <!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>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX