<code><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></code>
<code><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></code>
<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>Is it possible to remove the empty space in the second list item somehow?
I tried
<code>li > table:first-child { display: inline-table }
</code>
<code>li > table:first-child { display: inline-table }
</code>
li > table:first-child { display: inline-table }
but then xyz text moves to the right side of the table, whereas it should stay below it.
Also, I cannot alter HTML.
New contributor
jsx is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.