I'm working on displaying a block of text within a dynamically generated table (the main table). The main table contains spans that serve as spacers. The issue I'm facing is when the text wraps to the next line, it starts at the beginning of the page instead of continuing from where it left off in the previous line.
Unfortunately, I don't have control over the spans since they are dynamically created, so I can't apply additional styles to them. My workaround involves adding an inner table inside one of the cells of the main table and aligning it inline with the span spacers.
The code snippet below initiates the table on the second line, beneath the span spacers, despite setting the display style property to 'inline-table'.
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8>
<title>Document</title>
</head>
<body>
<table style="width:500px;">
<tr>
<td><span style="padding:50px"></span><span style="padding:50px"></span>
<table style="display:inline-table; vertical-align:top">
<tr>
<td>
HERE IS MY SENTENCE HERE IS MY SENTENCEHERE IS MY SENTENCEHERE IS MY SENTENCEHERE IS MY SENTENCEHERE IS MY SENTENCEHERE IS MY SENTENCEHERE IS MY SENTENCEHERE IS MY SENTENCEHERE IS MY SENTENCEHERE IS MY SENTENCEHERE IS MY SENTENCEHERE
IS MY SENTENCE.
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>The desired output should resemble this:
HERE IS MY SENTENCE HERE IS MY
SENTENCEHERE IS MY SENTENCEHERE IS MY
SENTENCEHERE IS MY SENTENCEHERE IS MY
SENTENCEHERE IS MY SENTENCEHERE IS MY
SENTENCEHERE IS MY SENTENCEHERE IS MY
SENTENCEHERE IS MY SENTENCEHERE IS MY
SENTENCEHERE IS MY SENTENCEHERE IS MY
SENTENCE.