У меня есть изображение и текст внутри div и яЯ хотел бы поместить изображение и текст в вертикальный центр div, используя CSS. Проблема в том, что я неЯ не знаю, сколько строк текста у меня будет, но текст и изображение должны быть ВСЕГДА посередине. Например, когда естьЕсли только одна строка текста, div должен выглядеть так:

####################################
#  _______                         #
# |       |                        #
# |       |                        #
# | IMAGE |    text text text      #
# |       |                        #
# |_______|                        #
#                                  #
####################################

Если в итоге у меня будет больше строк или высота текста будет больше, чем высота изображения, то изображение должно быть выровнено, вот так:

####################################
#                                  #
#              text text text      #
#  _______     text text text      #
# |       |    text text text      #
# |       |    text text text      #
# | IMAGE |    text text text      #
# |       |    text text text      #
# |_______|    text text text      #
#              text text text      #
#              text text text      #
#                                  #
####################################

Я в беде, чтобы получить этот эффект, есть ли способ без использования JavaScript, чтобы сделать это?

Обсервованный Родительский Div Div I 'Я имею в виду иметь положение: относительный, так что естьЕще одна проблема.