#box 외부에 div를 하나 더 만드시고, float을 #box parent div에 주시면 되지 않을까 싶습니다. 아니면 http://inspiredjw.tistory.com/13 참조해 보시고요. table-cell로 인식 시켜서 하는 방법입니다.
display:table-cell로 만드는 건 간혹 의도하지 않은 결과를 가져오기도 합니다(table-cell의 성격이 좀 특이해서...). 수직 정렬은 line-height를 적절히 사용하면 구현할 수 있습니다.
http://jsfiddle.net/8e8dt/
#box 외부에 div를 하나 더 만드시고,
#box 외부에 div를 하나 더 만드시고, float을 #box parent div에 주시면 되지 않을까 싶습니다.
아니면 http://inspiredjw.tistory.com/13 참조해 보시고요. table-cell로 인식 시켜서 하는 방법입니다.
display:table-cell로 만드는 건 간혹
display:table-cell로 만드는 건 간혹 의도하지 않은 결과를 가져오기도 합니다(table-cell의 성격이 좀 특이해서...).
수직 정렬은 line-height를 적절히 사용하면 구현할 수 있습니다.
http://jsfiddle.net/8e8dt/