É possível remover de alguma forma o espaço vazio no segundo item da lista?
tentei
li > table:first-child { display: inline-table }
mas então xyz
o texto se move para o lado direito da tabela, enquanto deveria ficar abaixo dela.
Além disso, não posso alterar o HTML.
<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>