Somehow, breaking a text line in HTML table cell is not often as easy as it should be.
For example, you have specified fixed width to your table cell, but the text inside makes the cell wider… This seems to be major problem.
Normally using <br> or <br /> (HTML and XHTML version) is enough to break the text line in most recent versions of Internet Explorer(IE). The line break problem occurs in Mozilla Firefox, Google Chrome. Despite their versions, using the normal break line tag seems not to work in these browsers. The solution we were looking for was a CSS property.
So after a few attempts breaking line in a <td> we come out with this solution:
1 2 3 4 5 6 | /* Wizzard Bulgaria */ table tr td { white-space: normal; } |
This code make the Mozilla Firefox to break the text in the <td> according to the table cell width and where the <br> or <br /> tag is placed.
