div 안에 이미지 가운데로 위치시키기

div는 안에 있는 객체를 감싸는 역할로 객체의 크기에 따라 변동

/*div 안에 이미지 가운데 위치시키기*/

div.box2 {
    width:120px;
    line-height:150px;
    text-align:center;
    background-color:lightgray;
    border-radius: 70px; 
}
div.box2 > img {
    max-width:100%; max-height:100%;
    vertical-align:middle;
    border-radius: 70px;
}

/*div 안에 이미지 가운데 위치시키기*/


<div class="box2" >
  <img src="./img/profile/crop/ceo6-crop.jpg">
</div>