Вертикальное центрирование в ящике на всех устройствах

Question

Добрый день,

Я пытаюсь отцентрировать изображение кнопки вертикально внутри ящика (для теста я использую черный ящик). Мне удалось центрировать коробку горизонтально, но я все пробовал, но не мог сосредоточить ее вертикально. Я смог центрировать его один раз, но по телефону он больше не будет центрирован, или когда я изменю ориентацию экрана. Поэтому я хочу всегда отображать окно в вертикальной середине ящика, независимо от ориентации или размера экрана.

Вся страница находится здесь: https://www.cs.drexel.edu/~cm3283/MobileVer/index.html

Я буду признателен за любую помощь.

Answer 1

Все, что вам нужно сделать, это добавить стиль к родительскому черного ящика:

position: relative; 
top: 50%;