Vertikale Ausrichtung in CSS realisieren?

[Dsimon24]

Hallo zusammen,

angenommen ich habe folgenden Code:

        <div class="row">
            <div class="col-md-9">
                <p>
                    Dies ist ein kleines Textbeispiel!<br>Dies ist ein Textbeispiel!
                </p>
            </div>
            <div class="col-md-3">
                <img src="https://meinbild.de/xyz.jpg" width="100%">
            </div>
        </div>

So, das Bild hat meist immer eine andere Größe. Den Text neben dem Bild möchte ich von
der Mitte des Bildes ausrichten. Quasi nicht so, dass er oben am Bild beginnt, sondern in
der Mitte. Wie kann ich das am besten realisieren?

VG,

 

[netzgestaltung]

Ja das geht mittlerweile sehr einfach:

.row{
  display:flex;
  align-items:center;
}

Mehr dazu: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Crossbrowsertool: https://autoprefixer.github.io/