Если у меня есть контейнер контейнера фиксированного размера и изображение неизвестного размера, как я могу центрировать его по горизонтали и вертикали?

используя чистый CSSиспользуя JQuery, если css не может этого сделать

Этот ответ имеет смысл зафиксированная ширина изображения, но не переменные.

Что-то вроде этой структуры (я имею в видусредства визуализации элементов, подобные этим в списке, но там, где изображение слева не всегда будет одинакового размера:

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

Спасибо за помощь!