<style>
img { background-color: lightblue; width: 20px; height: 40px; }
table {width: 15px; background: silver; }
</style>
No line break
<TABLE>
<TR>
<TD>
<img>loremipsum<img>
</TD>
</TR>
</TABLE>
<hr>
No line break
<TABLE>
<TR>
<TD>
loremipsum<img>
</TD>
</TR>
</TABLE>
<hr>
Line break after "loremipsum".
<TABLE>
<TR>
<TD>
a loremipsum<img>
</TD>
</TR>
</TABLE>
<hr>
Line break after the "loremipsum".
<TABLE>
<TR>
<TD>
a <img>loremipsum<img>
</TD>
</TR>
</TABLE>
<hr>
Line break after the first image.
<TABLE>
<TR>
<TD>
wideword <img>loremipsum<img>
</TD>
</TR>
</TABLE>