Выравнивание div по горизонтали: html — Как выровнять div по горизонтали?

Leave a Comment / Разное / By /

Содержание

html — Как выровнять div по горизонтали?

.header {
  width: 100%;
  height: 100px;
  float: left;
}
div.logo {
  width: 100px;
  height: 100px;
}
/* .logo img {
  display: block;
} */
.call {
  width: 150px;
  height: 100px;
  background-color: #fff;
}
ul {
  display: inline;
}
ul li {
    margin:0;
    padding:0;
    list-style-type:none;   
    text-align:center;
}
<div>
<div>
  <img src="http://pavlova.cc/wp-content/uploads/2015/12/sobakapavlova-logo-100x100.png" alt="собака павлова">
<div>
  <ul>
    <li>8-800-000-00-00</li>
    <li>skype: <strong>dog pavlov</strong></li>
  </ul>
</div>
</div>
</div>
  • html
  • css
  • вёрстка
  • div

1

Предположу. .. :

.header {
  width: 100%;
  height: 100px;
  float: left;
  
  text-align: center;
}
div.logo {
  width: 100px;
  height: 100px;
  
  display: inline-block;
  vertical-align: middle;
}
/* .logo img {
  display: block;
} */
.call {
  width: 250px;
  background-color: #fff;
  
  display: inline-block;
  vertical-align: middle
}

ul li {
    margin:0;
    padding:0;
    list-style-type:none;   
    text-align:center;
}
<div>
<div>
  <img src="http://pavlova.cc/wp-content/uploads/2015/12/sobakapavlova-logo-100x100.png" alt="собака павлова">
</div>
<div>
  <ul>
    <li>8-800-000-00-00</li>
    <li>skype: <strong>dog pavlov</strong></li>
  </ul>

</div>
</div>

5

Варианты:

margin:0 auto;

Процентный способ:

#test {
  margin:0 25% 0 25%;
  width:50%;
}

Смешанный

#test {
  left: 50%;
  margin-left: -500px;
  position: absolute;
  width: 1000px;
}

С доп. блоком

#dop-block{
    position: relative;
    float: right;
    right: 50%;
}
#block{
    position: relative;
    float: left;
    left: 50%;
}

Зарегистрируйтесь или войдите

Регистрация через Google

Регистрация через Facebook

Регистрация через почту

Отправить без регистрации

Почта

Необходима, но никому не показывается

Отправить без регистрации

Почта

Необходима, но никому не показывается

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Выравнивание по горизонтали.

DIV. | PHPClub

Asar
Новичок