title: Rotate just the text in a CSS button
body: <p>i ve created a css button. I want to rotate the text vertical in button but just only the text. How can i achieve this. My css button code:</p>
  
  <pre><code>.button_example{
  
  border:1px solid #7d99ca; 
  -webkit-border-radius: 3px; 
  display: table-column-group;
  /*-webkit-transform: rotate(-90deg); rotate the whole button*/
  -moz-border-radius: 3px;
  border-radius: 5px;
  font-size:22px;
  font-family:Impact, Charcoal, sans-serif; 
  padding: 10px 10px 10px 10px; 
  text-decoration:none; 
  display:inline-block;
  text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
  font-weight:strong; 
  color: #00a19c;
  color: #3388fa;
  
  
   background: transparent;   /* size and positioning*/
   margin-left: 121px;
   margin-top: 1px;
   width: 24px;
   height: 485px; 
   font-size:14px;
   font-weight:700;
   position:absolute;left:1120px;top:180px;
  
  background-image: linear-gradient(to bottom, #FFFFFF, #FFFFFF);
  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF, endColorstr=#FFFFFF);
  </code></pre>
  
  <p>}</p>
  
  <p>Any idea how to rotate just the text?</p>