Как выровнять абсолютное положение по центру?

Я пытаюсь сложить два холста вместе и сделайте его двухслойным холстом.

Я видел здесь пример:

<div style="position: relative;">
 <canvas id="layer1" width="100" height="100" 
   style="position: absolute; left: 0; top: 0; z-index: 0;"></canvas>
 <canvas id="layer2" width="100" height="100" 
   style="position: absolute; left: 0; top: 0; z-index: 1;"></canvas>
</div>

Но я бы хотел, чтобы оба холста были выровнены по центру экрана. Если я установлю значение 'left' как константу, пока я изменяю ориентацию экрана (как я делаю это на iPad), холст не останется в середине экрана, как в

<div align="center">

Кто-нибудь может помочь?