문자를 중앙에 표시하기
문자를 종으로 중앙에 표시하려면 height와 line-height를 같은 값으로 설정해 왔는데
아래의 방법 또한 가능하다.
display: table-cell;
vertical-align: middle;
width:100%에 대해서
width:100%는 표시영역자체를 지정하므로 padding이나 border를 같이 사용하면 화면의 폭을 넘어서 표시된다.
padding이나 border를 포함하여 width를 지정하고 싶은 경우는 box-sizing:border-box; 도 같이 설정한다.
단 주의사항이 있다.
http://html-five.jp/522/
(예) width:100%가 안됨