How To Wrap Text With CSS

Trying using word-wrap: break-word

word-wrap? What's that?

You have to play with the width of table and the width of the rows and cells.

word-wrap

seems that only IE supports it, or it did when the above resource was written.

Then it is worthless. Do not use it.

word-wrap

seems that only IE supports it, or it did when the above resource was written.

Thanks for the suggestion. It works with <div> and <p> but if i use inside table word is not wrapping.

Any suggestions pls

it seems to work if you define the properties in the TD cell:

<td style="word-wrap: break-word" width="100">

it seems to work if you define the properties in the TD cell:

<td style="word-wrap: break-word" width="100">

Thank you very much it works fine.

Again, a reminder, that word-wrap does nothing for any other browser.

Again, a reminder, that word-wrap does nothing for any other browser.

Huh, I should have checked the compatible browsers sorry karthi.

it seems to work if you define the properties in the TD cell:

<td style="word-wrap: break-word" width="100">

Hi,

I am struggling with the same problem using Coldfusion 5 where I want to cut off the text and not allowing for text wrap in my column.

<td style="word-wrap: break-word" width="100" align="left">#test#<td>

I used the previous example but unfortunately it does not work.

Any help please!

Thank You

Change everything in style to style="width:100px"

Change everything in style to style="width:100px"

Thank You it worked :-)

You don't want the text to wrap?

<td nowrap>text</td>

there might be a CSS equivalent to the nowrap attribute. Note that nowrap is a stand alone attribute, there is no "=value" part.

You don't want the text to wrap?

<td nowrap>text</td>

there might be a CSS equivalent to the nowrap attribute. Note that nowrap is a stand alone attribute, there is no "=value" part.

According to w3.org "nowrap" is deprecated. You should be using <td style="white-space:nowrap;">Cell Contents</td> I've found this to work in both IE6 and FF 2.x without having to specify a column width.

<td style="WORD-BREAK:BREAK-ALL;"> here is ur data </td>

let me know... :)

if you have long words you can also use the soft hyphen (&#173; or &shy;).

@navink
Wonderful. Another non-existent solution with a non-existent property to a 2-year old thread.

Actually, that property now exists in CSS3 but it's not supported by any browser.

Here is the generic solution that i found:

In CSS:


Anywhere in HTML: