Wie kann ich so etwas tun?
Mein HTML:
<div class="content">
<img src="https://stackoverflow.com/questions/39957013/somesrc">
<h3><strong>TITLE</strong></h3>
<p>Description</p>
</div>
Ich möchte etwas Abstand zwischen Titel und Bild haben.
Vielen Dank!
Verwenden Sie CSS-Flex. Hinzufügen display: flex An .content.
.content {
display: flex;
}
.content img {
margin-right: 10px;
display: block;
}
.content h3,
.content p {margin: 0;}<div class="content">
<img src="https://stackoverflow.com/questions/39957013/somesrc">
<div class="text">
<h3><strong>TITLE</strong></h3>
<p>Description</p>
</div>
</div>Funktioniert nicht Usman..Die Beschreibung steht über dem Titel
– Eintopf
10. Oktober 2016 um 11:24 Uhr
@Stew-Inhalt danach <img> sollte in einem einzigen verpackt werden div damit das funktioniert.
– Mohammad Usman
10. Oktober 2016 um 11:27 Uhr
oh sorry habe das nicht gesehen.. werde es jetzt versuchen
– Eintopf
10. Oktober 2016 um 11:28 Uhr
Funktioniert wie ein Zauber!..Danke mein Freund 🙂
– Eintopf
10. Oktober 2016 um 11:33 Uhr
@Stew gerne geschehen 🙂
– Mohammad Usmann
10. Oktober 2016 um 11:33 Uhr
Im HTML-Format
<div class="content">
<img src="https://stackoverflow.com/questions/39957013/somesrc">
<h3><strong>TITLE</strong></h3>
<p>Description</p>
</div>
im CSS
.content, img{
display:inline-block;
}
Was hast du schon probiert?
– BenM
10. Oktober 2016 um 11:16 Uhr
Können Sie bitte ab sofort das Flexbox-Layout verwenden? 🙂
– m4n0
10. Oktober 2016 um 11:18 Uhr