Вы можете попробовать макет таблицы. Таблицы полезны, когда вы хотите управлять позиционированием, но при этом все содержимое может растягиваться в контейнере.
<table style="border:none; width:100%; margin: 0; padding:0;" cellspacing=0 cellpadding=0>
<tr><td valign="middle" style="text-align:center;">Your content here</td></tr>
</table>
Приведенный выше код является хорошим способом создать невидимую таблицу, в которой вы можете указать столбцы и расположение строк. В качестве примера я написал одну центрированную строку / столбец. Не могу вспомнить, является ли это "valign" или v-align ", поэтому попробуйте оба варианта.
Поскольку это «относительный» элемент, другие элементы должны уважать его расположение, если они тоже «относительные».