[HTML / CSS] 이미지(div) 수평&수직 가운데 정렬하기
홈페이지를 개발하다보면 여러 div를 한 라인에 표시하고 싶은 경우가 발생합니다. 문제는 div의 높이가 서로 다르면, 높이가 낮은 div는 자연스레 페이지 위로 붙게 됩니다. 아래 코드를 구현하면 위와 같은 상태가 됩니다. 제가 간단하게 사용하려고 만들던 코드라 Bootstrap이 적용되어 있는데 무시하여 주시고, 아래 주석으로 작성된 'div A'와 'div B'만 주목하시면 됩니다. 현재 'div A'안의 내용이 길어지면서 'div B'의 이미지가 상대적으로 위에 붙은 것과 같은 형태를 띄고 있습니다. 이제부터 div B에 있는 내용(이미지)를 수직/수평 정렬해보도록 하겠습니다. AngelPlayer Lorem ipsum dolor sit amet co... Lorem ipsum dolor, sit..