In HTML table how can I wrap the text ?

Hi to all

I have created a table with two rows. and each row consists of one single column and fixed width for the columns but when a single word exceeds that width,the table is expanded. That is my problem.

I want to fixed column width,even if the data may increase in size. The problem comes only when a single word is bigger than the width that i have given for the columnwidth in the table.

Here is My Table code.

HTML Code:

---

<TABLE WIDTH="100" BGCOLOR="#B6EBFF" BORDER="3" CELLSPACING="4"
CELLPADDING="4">
<TR>
<TD ALIGN="CENTER">
this is the header

</TD>
</TR>
<TR>
<TD ALIGN="LEFT" BGCOLOR="FFFEA8">
this is the text

</TD>
</TR>
</TABLE>

---

It run fine.
but when the data is "Howareyou" instead of "how are you" the table is expanded.

Can someone help me ?

Try style WORD-BREAK:BREAK-ALL; this will help you.

Thanx.. mijaba
It works good

Thanks friend,
this is great. I am also facing the same problem now got ans from you..

Hi mijaba,

Style WORD-BREAK:BREAK-ALL; It's not work on Fire Fox.

Hi

word-break:break-all, at present, is IE only.