div 안에 div 가운데 정렬하기

웹 개발을 하다보면 div 안에 존재하는 div를 바깥쪽 div의 중앙에 위치하고 싶을 경우가 있다. 간단하게 생각해서는 중앙에 위치하려는 div에 CSS 파일에서 설정하는 text-align:center나 bootstrap에서 지원하는 text-center 속성을 클래스에 주면 될 것 같지만 결과물은 div 안에 있는 내용들이 가운데 정렬되고 정작 변경하려는 div box 위치는 변하지 않는다. 가운데 정렬하는 방법 만약 다음과 같은 코드가 주어진다면,

[…]

[HTML5] section과 article 의 차이와 구별법

section과 article 의 차이와 구별법 검색엔진이 좋아하는 웹페이지는 HTML 요소의 성격에 맞게 컨텐츠가 담겨있는 페이지다. 작성자가 제목을 적어놓고 CSS로 글씨크기를 크게하고 굵게 처리해봤자 <h1></h1> 태그 사이에 컨텐츠를 위치해 놓지 않는다면, 검색엔진은 그 문장이 제목인지 본문인지 알지 못한다. 웹페이지의 레이아웃 또한 마찬가지다. HTML5로 발전하면서 웹페이지의 구성요소를 나타내는 태그를 사용할 수 있게 되었다. 즉 기존에 웹페이지의 헤더 […]