Inline table

by fersterin

HTML

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error quos officiis qui voluptatum. Id sunt ab earum, illo praesentium nam nostrum corporis veritatis animi minus!
<table class="inb">
	<tr>
		<td>Lorem ipsum</td>
		<td>Magnam, autem</td>
	</tr>
	<tr>
		<td>Lorem ipsu</td>
		<td>Magnam, autem</td>
	</tr>
</table>
<img src="https://picsum.photos/200/300/?random" alt="" width="50px">
Et odio ratione sunt adipisci fuga, facilis necessitatibus ducimus saepe expedita corrupti porro, magni maxime ad corporis accusantium nihil molestias, autem similique. 
<table>
	<tr>
		<td>Lorem ipsum</td>
		<td>Magnam, autem</td>
	</tr>
	<tr>
		<td>Lorem ipsum</td>
		<td>Magnam, autem</td>
	</tr>
</table>
<img src="https://picsum.photos/200/300/?random" alt="" width="50px">
Et odio ratione sunt adipisci fuga, facilis necessitatibus ducimus saepe expedita corrupti porro, magni maxime ad corporis accusantium nihil molestias, autem similique.</p>

CSS

table.inb {
	display: inline-table;
	
}
td {
	border: red 1px solid;
}

table {
	width: 300px;
	border: red 1px solid;
}
/* 

Как видно, таблицу с display: inline-block обтекает справа картинка и текст, т.к. таблица ведет себя как строчный элемент.

*/