I am facing an issue where a label inside a table td grows in only one line when its width is greater than the td width. This results in the td expanding and not showing all the text. I would like the label to break into a new line when its width exceeds that of its container.
css
.pdata {
font-size: 10px;
}
<table valign="top" cellspacing="0" cellpadding="0" border="0" height="150">
<tbody>
<tr valign="top">
<td class="profile-company-text">
<label class="pdata" ><label class="bold" style="width: 140px; display: inline-block">Email: </label><label data-bind="text: Email"></label>
<br>
</label>
</span>
</td>
</tr>
</tbody>
</table>