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
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>