Javascript Menu / Posts /

Wrapping text on menu button

19

Hello - I have a larger than normal text string to put on some buttons, and I'd like to know how to make the text wrap-around instead of displaying straight across.  When it displays straight across it goes off the right side of the button and looks bad.  Thanks.


Suzanne G  11 years ago   viewed: 8079    

3 Answers

0
If you are using the Bubble menu or Float Line menu, you can styled the <li> element with a fixed width that leaves no enough space for displaying the text in a single line. For example:
<li style="width:120px;"><a ...>...</a></li>
Vica   11 years ago
-2
I am using the horizontal menu.  Should it work for that?
Suzanne G
  11 years ago
4
Maybe you can do something like below for the horizontal menu:
<a href="..."><span style="display:inline-block;*display:inline;width:120px;">This is a long text! text!</a></a>

The *display:inline; is just for old IEs. Please try it out.(I didn't test it)
Vica   11 years ago

   

Your name*
Password
(Optional. Used to modify this post afterwords)
+ =  

Ask your Own Question

  • If your question is related to the topic of this post, you can post your question to this page by clicking the "Post a reply" button at left;

  • When you want to start a new page for your question:
▲