I am having trouble displaying a small paragraph within a td table cell. The issue I'm facing is that the paragraph does not appear unless the td cell is flexible. I've attempted using (white-space:pre, and white-space: word-wrap) but it has not solved my problem.
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
}
</style>
</head>
</body>
<table>
<tr>
<td style="width: 150px;
overflow: hidden;
display: inline-block;
white-space: word-wrap;">
<div style="width :100px ; white-space: nowrap;">longparagrapgh heeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeey</div>
</td>
</tr>
</table>
</body>
</html>
Any suggestions?