How can i rotate a title 270 degrees?

Question

I have a website which i want to rotate a title 270deg on! I have seen many other posts about this but they don't seem to be working for me! Below is the code of the item i want to rotate! Where do i put the code and what do i put?
I want to put it in this code! This is the whole segment for that text!

/* LOGO CSS*/

#logo_index_text a,

#logo_index_left a,

.logo_permalink_page

{

font-weight: {text:Weight Logo Index};

font-family: {font:Font Logo};

color: {color:Text Logo};

}

#logo_index_left{left:{text:Position Logo Left}}

#logo_index_left {top:{text:Position Logo Top}}

#logo_index_text a, 

#logo_index_left a

{

letter-spacing: {text:LetterSpacing Logo};

font-size: {text:FontSize Logo Index};

line-height: {text:LineHeight Logo}

}

{block:IfNotLogoOpacityonHover}

#logo_index_text a:hover, 

#logo_index_left a:hover{

opacity: 1 !important}

{/block:IfNotLogoOpacityonHover}

.logo_permalink_page{font-size: {text:FontSize Logo Perma}}

The code i have tried is:

-moz-transform: rotate(270deg);

-moz-transform-origin: 50% 50%;

-webkit-transform: rotate(270deg);

-webkit-transform-origin: 50% 50%;

and

-moz-transform: rotate(7.5deg);  /* FF3.5+ */

-o-transform: rotate(7.5deg);  /* Opera 10.5 */

-webkit-transform: rotate(7.5deg);  /* Saf3.1+, Chrome */

and

-webkit-transform: rotate(320deg);

-moz-transform: rotate(320deg);   

-o-transform: rotate(320deg);

Thanks for the help in advance! :)

Answer 1

Here is the simplest place to start. To me your main logocss seems a bit of a mess, but bear in mind you need to have display: block for anything to rotate.

Fiddle: http://jsfiddle.net/jjBGz/3/

How can i rotate a title 270 degrees?

Sign up