Фон сайта

+7 (343) 221-30-69

Ноября
20
2018

Выравнивание блока (div) по центру другого блока (div)

Рейтинг:   / 0
ПлохоОтлично 

На просторах интернета можно найти кучу способов по выравниванию блока по центру родительского блока, как показано ниже:

Я по центру!!! :)

Для себя мы открыли неплохой способ:

<style type="text/css">
.parent_div{
  width: 500px;
  text-align: center;
  border: 1px solid #66CC00;
  background: #CCFF99;
  padding: 10px;
}
.center_div{
  display: inline-block;
  background: #CCCCFF;
  border: 1px solid #9999FF;
  padding: 10px;
}
</style>
<div class="parent_div">
  <div class="center_div">
 	 Я по центру!!! :)
  </div>
</div>
К сожалению в IE ниже 8 версии он работает криво. Можно конечно inline-block заменить на просто inline, но всё равно проблемно.

Добавить комментарий

   


Защитный код
Обновить

Копилка знаний


Сайтостроение