You can do the similar in pure CSS with:

   foo { display: table-cell; vertical-align: middle; }

And it has also worked a lot longer than the flex-approach. But now when flex is available it seem the more appropriate tool for the job.