#whole{
width: 800px;
margin: 0 auto 0 auto;
display: table;
}
#mid{
width: 800px;
height:500px;
background-color:blue;
padding: 60px 0px;
text-align : center;
vertical-align : middle;
}
#bot{
clear: left;
width: 800px;
height: 60px;
background-color: yellow;
display: table-cell;
}
<body>
<div id="whole">
<div id="mid">
</div>
<div id="bot">
<jsp:include page="quiz.jsp"/>
</div>
</div>
</body>
웹페이지 화면에 세로로 div요소 두개를 수직으로 정렬하고 싶습니다.
그 중 밑의 div에는 다른 jsp 파일을 가져와서 보여주고 싶은데 css가 잘못된건지 정렬이 안되네요...
도와주세요ㅠㅠㅠ