CSS+HTML)부모 div영역의 높이에서 이미지와 텍스트 수직 정렬하기

<div style="width: 100%;height: 70px; background:white" />


다음과 같이  Div로 높이 70px 만큼의 영역을 지정했을때 그 영역안에 이미지나 텍스트를 vertical 영역을 center로 어떻게 지정할것인가?

1. 전제 위의 div태그를 a 영억이라고 한다. 
2. a 영억안에 ""텍스트""를 넣을땐 div태그로 ""이미지""를 넣을땐 img 태그로 넣는다.

- a 영역안에 텍스트를 vertical center로 넣기

1. a 영역의 style에 line_height의 높이를 height와 똑같이 지정한다. ex : line_height:70px;
2. 텍스트 태그는 다음과 같이 설정한다.
<div style="padding: 0 20px; float: left; font-size: 15px; font-weight: bold;">70px안에 가운데 정렬</div>

전체 예시)
<div style="width: 100%;height: 70px; line_height:70px; background:white" />
  <div style="padding: 0 20px; float: left; font-size: 15px; font-weight: bold;">70px안에 가운데 정렬</div>
</div>

- a영역안에 이미지 꽉차게해서 scale 및 fit하게 하기
#img 태그의 style에 height의 px과 margin의 상하의 값의 합이 a 영역의 높이와 똑같이 한다.

예시
<div style="width: 100%;height: 70px; background:white" />
a영역의 높이가 70px
<img style="height:30px; margin:20px 30px; src="/image.png">
 1. height ->30
 2. margin -> 20 * 2 = 40
 3. 30+40 = 70px == a 태의 높이(70px)

전체 예시)
<div style="width: 100%;height: 70px; background:white" />
  <img style="height:30px; margin:20px 30px; src="/image.png">
</div>

진짜 html은 가운데 정렬하기도 빡신것같습니다.