Как вертикально выровнять по центру содержимого div с заданной шириной/высотой?

Каким будет правильный метод для вертикального центрирования любого содержимого с определенной шириной/высотой div.

В exampleесть два содержимого с разной высотой, как лучше всего центрировать их по вертикали, используя класс .content. (и это работает для любого браузера и без решения table-cell)

Есть несколько решений на уме, но хотелось бы узнать другие идеи, один из них использует position:absolute; верх:0; внизу: 0;и поля авто.