Hallo
Zitat:
|
Was muss ich machen dass es wieder so umflossen ist wie beim Bild?
|
Das Icon muss genau wie das Bild als selbstständiges Element in den Quelltext übernommen werden. Soweit ich weiß schlägt FontAwesome selbst ein i-Element oder ein span-Element, jeweils ohne Inhalt, vor.
Die Pseudoelemente ::after und ::before befinden sich immer innerhalb ihres Elternelements vor oder hinter dessen Inhalt und können dieses nicht verlassen.
Das könnte dann zum Beispiel so aussehen:
Code:
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<title>FontAwesome 01</title>
<meta name="description" content="HTML5, CSS3, FontAwesome">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
@import url(http://fortawesome.github.io/Font-Awesome/assets/font-awesome/css/font-awesome.css);
/* Clearfix - Micro-Clearfix-Hack */
@media all {
.cf::before,
.cf::after {
content: " "; /*Leerstelle ist wichtig*/
display: table;
}
.cf::after {
clear: both;
}
}
@media all {
* {
box-sizing: border-box;
}
html {
font-family: sans-serif;
font-size: 120%;
line-height: 1.3;
}
body {
width: 96%;
margin: 1rem auto;
}
.fa {
font-size: 4rem;
margin-right: 1rem;
margin-bottom: 1rem;
float: left;
}
}
</style>
</head>
<body>
<h1>Autobahnwahn</h1>
<p class="cf"><span class="fa fa-wrench"></span>Seit zwei Jahren ist meine Arbeit in Düsseldorf. Meine Familie lebt dagegen in Hamburg. Und dazwischen ich, aber ganz cool. Vollbremskombination aus Ampel oder Einfädeln oder beides auf einmal. Geht nur mit Tricks. Eben noch kurz auf die A 52. Schon vielversprechend lebhaft. Hinter dem Breitscheider Kreuz geht es richtig los. Stau auf der A 3 bis Oberhausen. Danach entspannt es sich auch nur deshalb, weil enge Baustellen mit rüden Geschwindigkeitsbegrenzungen zum gleichmässigen Rollen zwingen. Es wird links überholt, es wird rechts überholt. Es wird gar nichts mehr, alles steht und macht lange Gesichter. Ich dagegen wechsle die Cassette. Es geht weiter. Vor und hinter mir hektische Spurenwechsel. So zieht sich das Stück A 2 bis zum Recklinghauser Kreuz. Der erhofften Entspannung folgt zuverlässig der Vollfrust. Die A 43 bis Münster ist genauso voll wie das Kamener Kreuz zur Rush-hour. Auf der A 1 ist dann endgültig Schluss mit lustig. Alles dümpelt auf der Überholspur. Natürlich mit 90. Rechts geht es schneller, irrerweise wegen der Lkws. Die wollen nämlich alle noch vor zehn zu Hause sein.</p>
</body>
</html>
Gruss
MrMurphy