CSS/AngularJS, AngularJS 재질 버튼의 텍스트 방향

Question

저는 anglejs 재질 버튼이 있습니다.이 버튼은 텍스트 방향이 측면에 수직이되도록하려는 것이지만 무엇을 시도해도 효과가 없습니다.

writing-mode : vertical-lr; 텍스트 방향 : 옆쪽 - 왼쪽;

나를 올바른 방향으로 안내해 줄 수 있습니까? 여기

Answer 1

가고 - CodePen

마크 업

<div ng-controller="AppCtrl" ng-cloak="" ng-app="MyApp" layout-fill> 
    <md-button id="myVerticalButton" class="md-raised md-primary">My Vertical Button</md-button> 
</div> 

CSS

#myVerticalButton { 
    width: 50px; 
    min-width: 50px; 
} 

#myVerticalButton span { 
    writing-mode: tb-rl; 
    margin: 20px 0 5px; 
    word-spacing: 5px; 
}