Is there a way to eliminate the empty space in the second list item?
I attempted
li > table:first-child { display: inline-table }
However, the xyz text shifts to the right of the table instead of staying below it.
Furthermore, I am unable to modify the HTML structure.
<ul>
<li>list item one</li>
<li>
<table>
<tr>
<td>list</td>
<td>item</td>
<td>two</td>
</tr>
<tr>
<td>aaa</td>
<td>aaa</td>
<td>aaa</td>
</tr>
<tr>
<td>bbb</td>
<td>bbb</td>
<td>bbb</td>
</tr>
</table>
xyz
<li>list item trree</li>
</ul>