html - rotating text on a table using css3 -


i trying create table printing purpose.
seen in many forms, want vertically rotated text , both left , right side of form.

so far have achieved this

enter image description here

fiddle: http://jsfiddle.net/naveen/p8azd/

this has 2 problems

  1. i wanted border td widths 50 px text spanning more area. rotated text gets clipped 50px. how overcome this?
  2. the style rotate-right has incorrect filter: progid:dximagetransform.microsoft.matrix. has been copied .rotate-left. values (m11, m12, m21, m22) in filter denote?

what wrong code?

see http://jsfiddle.net/p8azd/7/

i added div around text , made not wrap


Comments

Popular posts from this blog

django - How can I change user group without delete record -

java - Need to add SOAP security token -

java - EclipseLink JPA Object is not a known entity type -