How to wrap up a link text when displayed in colum format

[farhanm84]

I have a requirement to display the link in colum format in IE browser. The link text is associated with an image (double arrow). Since the text of the link is large enough to set in one of the column width the text and the image are messed up.

When I tried removing half of the link text then it is properly displayed. For example, from the link text "Give as much detail as possible" if I remove "as possible" the link text will become "Give as much detail" and after removing the some part of text it is properly displayed along with an image. But I need to display the link with complete text. This link is present under text message which is incorporated with <ul> and <li>, there are no <span> or <div> tags for this link. Is there any way to wrap up the link text?

Please let me know your inputs to handle this scenario.

Thanks in advance.

[harshmaul]

Hi, if you want to wrap the link text, set the width of the a attribute to a fixed width, or the li element...

<li style="width:100px"><a href="http://www.google.com">click here for more details</a></li>

<li><a style="width:100px" href="http://www.google.com">click here for more details</a></li>

[ronverdonk]

Or put a break in the middle of the text, e.g.

<li><a href="http://www.google.com">click here for<br>more details</a></li>

Ronald

[harshmaul]

D'OH, forgot the fundementals!! I was straight in there with the most complex solution i could think of ;)

[ronverdonk]

D'OH, forgot the fundementals!! I was straight in there with the most complex solution i could think of ;)

We think so complicated that we never look for the simple.

Ronald