让按钮里的文字竖排居中

方法一
<button style="width:50px; height:200px;">
<span style="color:red; font:11pt 宋体; writing-mode:tb-rl">竖排文字</span>
</button>

方法二

<br><br><br>
<center>
<input type=submit name=submit value="关关雎鸠，在河之洲；窈窕淑女，君子好逑。 "style="color:#11ee19;writing-mode:tb-rl; width:3cm;border:red 12px groove">



<br><br><br>
<br><br><br>
<button style="width:190px; height:120px;border:lime 10px outset">
<span style="color:red; font:11pt 宋体; writing-mode:tb-rl">下定决心，<br>不怕牺牲，<br>排除万难，<br>争取胜利！<br></span>
</button>

 

语法：
 
writing-mode : lr-tb | tb-rl
 
参数：
 
lr-tb : 左-右，上-下
tb-rl : 上-下，右-左
 
说明：
 
设置或检索对象的内容块固有的书写方向。西方语言确省的是左-右，上-下的书写方式。但是亚洲语言常有上-下，右-左的书写方式。
当此属性值发生变化时，text-align属性与vertical-align属性的作用也将发生变化。
对应的脚本特性为writingMode。请参阅我编写的其他书目。
 
示例：
 
div { writing-mode: tb-rl; }