fixed table in a DIV

[ovsnk]

I have a table inside a div. the table extends beyond the right edge of the screen because of long text. Is it possible to wrap the cells(td) to fit in the specified div width?

td{
white-space:nowrap;
}

<div>
<table border="1" style='border:1px dotted black'>
<tr>
<td>cell-cell cell cell cell</td>
<td>cell-cell cell cell cell</td>
<td>cell-cell cell cell cell</td>
<td>cell-cell cell cell cell</td>
<td>cell-cell cell cell cell</td>
<td>cell-cell cell cell cell</td>
<td>cell-cell cell cell cell</td>
<td>cell-cell cell cell cell</td>
</tr>
</table>
</div>

TIA
Nagendra Oleti

[drhowarddrfine]

It's the white-space property that's causing the problem. Do you need that?

[Death Slaught]

I thought that the browser wraps the text by default, so doesn't that meen that the "nowrap" is generating the problem?


Thanks, Death

[ovsnk]

Yes I need the white-space:nowrap, so that the text doesn't get wrapped with in each cell. At the same time I want the table itself confine to within the div block set to 100%. Is it possible to have the cells wrap to the next line?