How do I vertically align a content div between a header and footer div?

How do I vertically align a content div between a header and footer div?

References

Reference NO 1

http://stackoverflow.com/questions/206770/how-can-i-center-content-between-a-header-and-footer-div

Reference NO 2

http://stackoverflow.com/questions/7155702/horizontally-and-vertically-center-div-in-the-middle-of-page-with-header-and-foo

Reference NO 3

http://stackoverflow.com/questions/17445472/vertically-center-content-between-header-and-footer

Reference NO 4

http://stackoverflow.com/questions/16322610/100-height-div-between-header-and-footer

Reference NO 5

http://stackoverflow.com/questions/11369764/content-with-100-between-header-and-footer

Reference NO 6

http://artprima.eu/777-how-to-vertically-center-div-content-and-add-a-sticky-footer-at-the-same-time.html

Reference NO 7

#EANF#

Reference NO 8

#EANF#