Ich habe Text um ein Bild fließen lassen. Dummerweise muss ich die Angaben in HTML schreiben und krieg sie nicht in CSS umgewandelt. Sobald ich einen div-container oder eine Klasse erstelle, funktioniert es nicht mehr. Mit einem inline-element hab ichs auch versucht.
Da diese Objekte nicht die einzigen auf der Seite sein sollen, brauche ich div-container oder eine Klasse. Am ende muss ich das floaten ja wieder lösen. Bild+Text möchte ich (als inline-blockt) verschieben. Was mach ich falsch?
Das habe ich bisher gemacht. Soll so aussehen wie oben:
HTML:
CSS:
Da diese Objekte nicht die einzigen auf der Seite sein sollen, brauche ich div-container oder eine Klasse. Am ende muss ich das floaten ja wieder lösen. Bild+Text möchte ich (als inline-blockt) verschieben. Was mach ich falsch?
Das habe ich bisher gemacht. Soll so aussehen wie oben:
HTML:
Code:
<body>
<img src="Images/pinker_pfeil.png" width="80" height="80" style="float:left; margin-right:20px;
margin-bottom:80px; margin-top:-20px" alt="Gestaltungselement" />
<h1 class="teaserschrift"> EINS, ZWEI, DREI.</h1>
<p>Der Text für die erste Zeile ist gesetzt.<br>
Und hier folgt auch schon die zweite Zeile wie schön.</br>
Aller guten Ding sind drei. <em>>und noch was<em></p>
<div id="teil2">
<img src="Images/pinker_pfeil.png" alt="Gestaltungselement" />
<h1 class="teaserschrift"> EINS, ZWEI, DREI.</h1>
<p>Der Text für die erste Zeile ist gesetzt.<br>
Und hier folgt auch schon die zweite Zeile wie schön.</br>
Aller guten Ding sind drei. <em>>und noch was<em></p> <div>
</body>
CSS:
Code:
body {
background:#maroon;
font-size: 100.1%;
}
.teaserschrift {color: #e2007a;}
#teil2 {
display:inline-block;
position: relative;
float:left;
margin-right: 20px; margin-bottom:400px; margin-top:50px;
}
p {
font-family:"Times New Roman", Times, serif;
font-size: 18px;
font-style: normal;
color: #00FF00;}
p em {
font-family:"Times New Roman", Times, serif;
font-size: 18px;
font-style: normal;
color: #0000FF;