Welcome to WebmasterWorld Guest from 23.20.8.182

Forum Moderators: not2easy

Message Too Old, No Replies

How to make vertical text for IE

That doesnt wrap after spaces

     
11:48 am on May 3, 2011 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:June 13, 2002
posts:2162
votes: 0


If you know how to do this please amend the code below, Thanks.


<style>
.vertical_text {
writing-mode: tb-rl;
filter: flipv fliph;
}
</style>
<div height="4000px;width=4000px" class="vertical_text">How_to_make_vertical_Text_for_IE_That_Doesnt_Wrap_after_spaces</div>
12:29 pm on May 3, 2011 (gmt 0)

Senior Member

WebmasterWorld Senior Member 5+ Year Member

joined:Aug 9, 2008
posts: 961
votes: 0


Hi aspdaddy, white-space:nowrap should do it. Plus may want to remove height="4000px;width=4000px" from the html as it is malformed, and add that to the rule as well:
.vertical_text {
height:400px;
width:400px;
white-space:nowrap;
writing-mode: tb-rl;
filter: flipv fliph;
}
1:31 pm on May 3, 2011 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:June 13, 2002
posts:2162
votes: 0


That works, thanks.