Welcome to WebmasterWorld Guest from 54.159.250.110

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)

WebmasterWorld Senior Member 10+ Year Member



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)

WebmasterWorld Senior Member 5+ Year Member



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)

WebmasterWorld Senior Member 10+ Year Member



That works, thanks.