<!DOCTYPE html>
<html>
<head>
<style>
div{
background: green;}

#content
{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 30%;
margin: auto;

}


</style>
</head>
<body>
 

<div id="content">  
ie7 이하에서 작동하지 않음.

 1
동해물과 백두산이 마르고 닳도록 
하느님이 보우하사 우리나라 만세. 
무궁화 삼천리 화려강산 
대한 사람, 대한으로 길이 보전하세

2 
남산 위에 저 소나무, 철갑을 두른 듯 
바람서리 불변함은 우리 기상일세. 
무궁화 삼천리 화려강산 
대한 사람, 대한으로 길이 보전하세

 </div>


</body>
</html>