Как задать обтекание без float?

Question

[Александр Донов]

<table border="0" cellpadding="0" cellspacing="0" class="z1" style="width: 100%;">
	<tbody>
		<tr>
			<td>
			<center>
<table border="0" cellpadding="10" cellspacing="0" class="p2" style="width:400px;">
	<tbody>
		<tr>
			<td>...</td>
			<td>...</td>
		</tr>
	</tbody>
</table>

<table border="0" cellpadding="10" cellspacing="0" class="p2" style="width:400px;">
	<tbody>
		<tr>
			<td>...</td>
			<td>...</td>
		</tr>
	</tbody>
</table>
			</center>
			</td>
		</tr>
	</tbody>
</table>


<style>

.z1 {}

.p2 {
    position: relative;
    margin: 5px;
    height: 120px;
    }

</style>

Какие параметры нужно задать .p2 и .z1, чтобы обе карточки были в одной строке и по центру?
Решение должно быть простым и кроссбраузерным.

Answer 1

[sergski]

Можно задать align="left" и/или align="right".
Например:

<table style="width: 50%" border="1" align="left">
  <tr>
    <td>1</td>
    <td>2</td>
  </tr>
</table>
<table style="width: 50%" border="1" align="right">
  <tr>
    <td>3</td>
    <td>4</td>
  </tr>
</table>

Comments

[Александр Донов]

карточек может быть по 3, 4 или 5 в одной строке,
задавая параметры, желательно использовать эти 2 класса (.z1 и .p2)

[sergski]

Александр Донов: .p2 {display: inline-table;}

Answer 2

[Евгений Бухарев]

.p2{
display:inline:block;
}

.z1 center{
text-align:center;
}