CSS : 중간에 텍스트를 세로로 늘릴 수 없습니다.

Question

중간에 세로로 텍스트를 플로트하려고합니다. 이것은 하단과 상단에 동일한 패딩이 있어야 함을 의미합니다. 나는 vertical-align : middle을 사용하여 시도했다. 그러나 나는 행운이 없었다. 나는 또한 display : table-cell과 함께 사용했다. 다른 문제는 텍스트 길이가 다른 것입니다, http://jsfiddle.net/M7Hsz/

참고 :

여기 내 코드입니다. 그래서이 문제는 다른 stackoverflow 게시물과 다릅니다. 따라서 텍스트가 더 길거나 더 짧은 경우에도 텍스트가 중간에 뜨도록해야합니다.

Answer 1

h2 요소가 절대 위치에 배치되었습니다. 요소를 절대 위치로 설정하는 동안 요소를 세로로 정렬 할 수 없습니다.

http://jsfiddle.net/cHjs8/1/

Answer 2

내가 forked your original version을했습니다. 수레를 실수로 혼란스럽게 만들었으므로 불필요한 세로 정렬 선언으로 그 중 일부를 단순화했습니다.

날짜 정렬에 임의의 패딩을 추가하여 수직 정렬을보다 잘 보여줍니다.