Proper way to overlay text on a video?

Permalink
Hey everyone, I am wondering what everyone's ideas would be to overlay centered text on top of a responsive video.

Here is the code I am currently using:http://codepen.io/CharismaSolutions/pen/JXWYRB...

This is what I was thinking:http://codepen.io/CharismaSolutions/pen/zqZvNW...

But I don't like that solution because it is not responsive and doesn't find the center automatically. etc...

Any help would be appreciated. FYI, the site I am using this on is on a C5.6 site I designed:http://scotidi.com

CharismaBusiness
 
Mainio replied on at Permalink Reply
Mainio
Maybe use the old table cell display "hack":
http://codepen.io/anon/pen/ONpZoO...

It's somewhat a CSS hack but it works in more browsers than flexbox currently (which is the other option to do this).
CharismaBusiness replied on at Permalink Reply
CharismaBusiness
This is beautiful, works perfect, Thanks so much @Mainio !