부모 div 내에서 CSS 회전 된 스팬 정렬/valign 방법

Question

자주색 div의 중간에 "피드백"스팬을 가져 오는 방법은 무엇입니까?

http://jsfiddle.net/XcWHr/

나는이 주제에 몇 가지 변화를 시도했다 : 그것은 것 비트가 상당히 머리에 못을 충돌 할 수

https://developer.mozilla.org/en-US/docs/CSS/transform-origin?redirectlocale=en-US&redirectslug=CSS%2F-moz-transform-origin ...

Answer 1

나는이 상황에서 생각 피드백 범위 대신 자주색 div를 회전하는 것이 더 쉽습니다. 그렇게하면 회전과는 별도로 수평 및 수직 중심에 대해 추론 할 수 있습니다. 이것이 가능한가? 나는 당신의 "피드백"범위가 일정한 방식으로 중앙에 설정하고 컨테이너의 폭과 높이 반전 http://jsfiddle.net/XcWHr/2/

:

.feedbackTab 
{ 
    height: 42px; 
    width: 156px; 
    text-align: center; 
    line-height: 42px; 
} 

그런 다음 나는 "피드백"로 설정을 나는 당신의 jsfiddle 업데이트되었습니다 해당 컨테이너의 센터링 규칙을 준수하려면 display: inline-block 범위로 확장하십시오. 마지막으로, 귀하의 .rotate 클래스를 "피드백"범위가 아닌 컨테이너에 배치했습니다.