Wie platziere ich Text und Bild nebeneinander? [duplicate]

Lesezeit: 1 Minute

Wie kann ich so etwas tun?

Geben Sie hier die Bildbeschreibung ein

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!

  • 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

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

1005820cookie-checkWie platziere ich Text und Bild nebeneinander? [duplicate]

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy