Mam obraz i jakiś tekst wewnątrz div i chciałbym umieścić obraz i tekst w centrum pionowym div za pomocą CSS. Problem polega na tym, że nie wiem, ile linii tekstu będę miał, ale tekst i obraz muszą być ZAWSZE pośrodku. Na przykład, gdy jest tylko jeden wiersz tekstu, div powinien wyglądać tak:

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

Jeśli w końcu mam więcej linii lub wysokość tekstu jest większa niż wysokość obrazu, obraz powinien być wyrównany, tak jak to:

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

Mam problem z uzyskaniem tego efektu, czy jest jakiś sposób, aby bez użycia javascript to zrobić?

Obs. Nadrzędny div div mam na myśli pozycję: względną, więc jest inny problem.