2015-02-06 7 views
-1

В основном у меня есть 2 изображения (по вертикали) внутри обертки. Теперь мне просто нужно сосредоточить обертку внутри тела.Центр вертикальный и горизонтальный внутри корпуса

Как я могу центрировать мою обертку внутри тела?

<!DOCTYPE html> 
<html lang="es-ES"> 
<head> 
    <meta charset="utf-8"> 
    <base href="<?php echo BASE; ?>"> 
    <title>tittle goes here</title> 
    <meta name="description" content="descr goes here"> 
    <style type="text/css"> 
     body {margin: 0; padding: 0;} 
     .wrapper {background-color: red; display: inline-block;} 
     .wrapper span {display: inline-block; vertical-align: middle; margin: 0 20px;} 
     .wrapper span img {display: block;} 
    </style> 
<body> 
<div class="wrapper"> 
    <span><a href=""><img src="..." width="225" height="60" alt="..."></a></span> 
    <span><a href=""><img src="..." width="120" height="120" alt="..."></a></span> 
</div> 
</body> 
</html> 
+0

См.: [Как центрировать элемент по горизонтали и вертикали?] (Http://stackoverflow.com/questions/19461521/how-to-center-an-element-horizontally-and-vertically/19461564#19461564). –

ответ

0

Попробуйте добавить:

text-align: center; display: table-cell; vertical-align: middle; 

к обертке.

Смежные вопросы