выровнять элемент уровня блока вертикально с горизонтальной шириной 90%

Question

Хорошо, я могу выровнять содержимое по горизонтали и вертикали, используя это

<div id="centerId">...content</div>

#contentId {width: 300px; height: 200px; position: absolute; left: 50%; margin-left: -150px; top: 50%; margin-top: -100px; }

Теперь, как выровнять, если я хочу, чтобы ширина равнялась 90% контейнера, в котором находится #contentId.

Answer 1

Я обычно использую два перечисленных div'а следующим образом ...

<div style="display: block; height: 100%;  width: 100%; position:relative; overflow: hidden;margin: 0px auto;">
 <div style="position: absolute; top: 40%;left:0px;display: table-cell; vertical-align: middle;text-align:center;">
    Content Here...
 </div>
</div>

Хитрость здесь в том, что дисплей

: ячейка таблицы

Попробуй: D