Is the css property column-break-inside valid? Or column-break-before/after so I could hack it. If so it doesn't seem to be doing it, if not do you have a hack to achieve this?
Just for reference my code is as follows
In the part where I have a br in my li I am getting the first line of the li in one column, and the second in the other. I need them to always stay together.
Cheers
Just for reference my code is as follows
<style>
td.columns ul
{
column-count: 3;
list-style-type: none;
}
td.columns li
{
column-break-inside: avoid;
}
</style>
<table>
<tr>
<td>
WOR360
</td>
</tr>
<tr>
<td>
<ul>
<li>In Production</li>
<li>Testing</li>
<li>Completed</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul>
<li><span>*S30706*<br></span>6415B0321</li>
<li><span>*S30707*<br></span>6415B0322</li>
<li><span>*S30708*<br></span>6415B0323</li>
<li><span>*S30709*<br></span>6415B0324</li>
<li><span>*S30710*<br></span>6415B0325</li>
</ul>
</td>
</tr>
</table>
In the part where I have a br in my li I am getting the first line of the li in one column, and the second in the other. I need them to always stay together.
Cheers