<div class="img">
<input type="file" id=file>
<label class="upload" for="file">+</label>
</div>
.img{
width: 100%;
height: 200px;
background: white;
margin-bottom: 8px;
border: 1px solid #aaa;
padding: 10px;
overflow: hidden;
}
.upload{
width: 30px;
margin: auto;
border: none;
background: #5ab35d;
color: white;
border-radius: 10px;
display: flex;
justify-content: center;
text-overflow: ellipsis;
white-space: nowrap;
}
이렇게 했을때 contents가 정해진 넓이에서는 한가운데로 위치가 되는데 높이에서는 가운데로 배치되지 않고 위쪽에서 있는데
높이에서도 가운데로 위치하게 하려면 어떻게 해야하나요.
