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> <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> <link rel="stylesheet" href="css/style.css"> <link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@200;300;400;500;600;700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Lato:wght@300;400&display=swap" rel="stylesheet"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"> <!-- Link Swiper's CSS --> <link rel="stylesheet" href="Swiper/swiper-bundle.css"> <link rel="stylesheet" href="Swiper/swiper-bundle.min.css"> <script src="Swiper/swiper-bundle.js"></script> <script src="Swiper/swiper-bundle.min.js"></script> <script src="https://kit.fontawesome.com/a5250735de.js" crossorigin="anonymous"></script> </head> <body> <div class="wrapper"> <h1>DER PFEIL IST HIER DRAUF&nbsp;</h1> <h2> Ich will aber das er dahinter bleibt </h2> </div> </body> </html>

Add Comment

* Required information
1000
Drag & drop images (max 3)
Powered by Commentics

Comments

No comments yet. Be the first!