Jesus 'n Jim

A mainly PC (some Mac) site w/Software, Computer Repair Info, How-To's on Using Computers
Technical Support 1-360-521-2060 (my business line cell)

vertical text

 
body:
this text rotation only works for IE. notice how much space it takes up.
text-align: start (CSS3)
text-align: end (CSS3)
text-align: left
text-align: center
text-align: right
text-align: justify (CSS3)
blahoije rgooijrth oish oisht oi[h o[is o[hjt ihjt o[thj [o [ostihj [shjt [sotihj s[oihtj sihtj s[oihtj s[roihtj [sihj [hj [osh [osih [ositjh [oitjh [oistjh [oaier [aoirej [oaierh [oaierj [oiarej gh[oiajer gh[oiajer h[oiaejrgh [oaierj h[oaie5g [oiejg [oeignm [oze4ignm [okjdnm gzo'lkzdn4g[oikjzdnrg[okjzg[okjzdnr [oign zdr[oignz d[roign zd[oghin zd[orighnz [ozidrnh[zodirn[doirhnz d[oirhn z[doirhn z[odirnh [zodirhn [zodirnh z[doihrn h[oizdnr h[oizdrnh [odirnh [zodirnh [zodirnh [zdho
div tag

p tag

h[oaie5g [oiejg [oeignm [oze4ignm [okjdnm gzo'lkzdn4g[oikjzdnrg[okjzg[okjzdnr [oign zdr[oignz d[roign zd[oghin zd[orighnz d[roighn zdr[oighnd [roign d[roighn zdr[oign zd[roin dr[oighn zdr[oighn zdr[ohignm zdr[oihn zdr[oin h[oaie5g [oiejg [oeignm [oze4ignm [okjdnm gzo'lkzdn4g[oikjzdnrg[okjzg[okjzdnr [oign zdr[oignz d[roign zd[oghin zd[orighnz d[roighn zdr[oighnd [roign d[roighn zdr[oign zd[roin dr[oighn zdr[oighn zdr[ohignm zdr[oihn zdr[oin z[dorin zd[orihn [zdorinh
div tag
div tag
div tag, available from $
div tag
, available from $
, available from $
, available from $

vertical text using CSS3 transform:rotate(270deg);

vertical text using CSS3 direction:top-to-bottom;

Now, if I can just coax the text to go in the other direction 180°, *and* it be visible, I'll be pleased. I've been working on it. but not successfully. The idea came from here.

The CSS3 specification will have a "Text Layout" document section. in it will be a provision for vertical text layout. In fact, throughout the document there is mention of vertical text. This feature is implemented in different fashions in different browsers, but only in newer browsers is the SVG+<embed> method common. The embed tag is deprecated in favor of the object tag. This web page implements some of the CSS3 stuff, but as you can tell, nobody has implemented it yet.