[CSS] div 태그 사용해서 화면 중앙에 출력하기

 

1. html에서 DIV 태그를 사용하여 클래스 정의하기

html

<DIV class="container">
</DIV>

 

 

2. 정의한 클래스의 CSS코드 입력

css

.container {
	width: 100%;
	height: 100vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}