Carmen: Bild in polaroid Form neben Text

SELF-Forum

Bild in polaroid Form neben Text

Carmen
– Informationen zu den Bewertungsregeln

Hallo,

ich hab ein kleines Problem, wie kann ich am besten ein Bild rechts neben den Text bringen?

Alternativ-Text

Mein HTML

<section class="hallo">
    <h2 class="headline">Wir über uns</h2>
      <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam</p>
      <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elit.</p>
      <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elit.</p>
  </section>

Das ganze sollte später so aussehen (ohne Hintergrund)

http://www.bilder-upload.eu/upload/a7b270-1465152665.jpg

Die Frage ist, bekomme ich dieses allein mit CSS hin und benötige ich ein weiteres DIV um das Bild auf die rechte Seite zu bekommen?

Die Aufteilung sollte 2/3 zu 1/3 sein

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Bild in polaroid Form neben Text

    Matthias Apsel Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo Carmen,

    Dein Polaroid machst du als figure. Dann je nach Wunsch float oder flexbox.

    Bis demnächst
    Matthias

    --
    Dieses Forum nutzt Markdown. Im Wiki erhalten Sie Hilfe bei der Formatierung Ihrer Beiträge.
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Bild in polaroid Form neben Text

    Matthias Scharwies
    – Informationen zu den Bewertungsregeln

    Servus!

    findet sich alles im Wiki:

    Die 1/3 - 2/3 Aufteilung machst du entweder mit float oder Flexbox.

    Herzliche Grüße

    Matthias Scharwies

    --
    Es gibt viel zu tun - packen wir's an: ToDo-Liste gewünschte Seiten
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln