Wie kann ich einen Container mit fester Größe und ein Bild mit unbekannter Größe horizontal und vertikal zentrieren?

mit reinem CSSVerwenden von JQuery, wenn CSS dies nicht kann

Diese Antwort macht Sinn zumfeste Breite Bilder, aber keine variablen.

So etwas wie diese Struktur (ich habe im SinnElementrenderer, die diesen in der Liste ähnlich sind, aber wo das Bild links nicht immer gleich groß ist:

<ul id="gallery">
    <li id="galleryItem1">
        <div class="imageContainer">
            <img src="gallery/image1"/>
        </div>
        <p>Some text to the right...</p>
        <!-- more stuff -->
    </li>
    <li id="galleryItem2">
    <!-- ... -->
</ul>

Danke für die Hilfe!