[CSS] DIV 텍스트 가운데 정렬(가로, 세로)

.event{

       background-color: green;

       height: 50px;

       color: white;

}

<div class="event">
	지금 가입하면, 배송비 무료 쿠폰 증정!!!
</div>

.event{

       background-color: green;

       height: 50px;

       color: white;

       text-align: center;   /*가로만 가운데가 상태가 된다*/

}

.event{

       background-color: green;

       height: 50px;

       color: white;

       text-align: center;   /*가로만 가운데가 상태가 된다*/

       line-height: 40px;    /*세로 가운데 정렬 설정한다*/

}