У меня есть изображение и некоторый текст внутри 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, к которому я имею в виду, имеет позицию: relative, поэтому есть и другая проблема.