Как подвинуть список в вверх

@Koblan · Регистрация: 13.01.2018

Author24 — интернет-сервис помощи студентам

Как вы заметили по заголовку,нормально гуглить я не умею)
Так вот создал я три списка и второй и третий список,но начало второго и третьего списка должны быть как на первом вне зависимости их длины,но так не происходить,как будьто задан verticalalignmidle

HTML5

<section class="infrastructure">
    <div class="container clearfix">
    <div class="infrastructure__title">
        <h3>        
        РАЗВИТАЯ ИНФРАСТРУКТУРА
        </h3>
    </div>
    <div class="infrastructure__objects">
        <div class="infrastructure__object">
            <div class="object__title">
                <h4>
                    Социальные объекты
                </h4>
                </div>
                <ul class="object__item">
                    <li>Волга: 350м, центральный пляж: 900м</li>
                    <li>Авто парковка   5м</li>
                    <li>Игровая детская площадка    2м.</li>
                    <li>4 продуктовых магазина в пределах 500м</li>
                    <li>Центр города: 4км.</li>
                    <li>Почта 150007: 600м.</li>
                </ul>
        </div>
        <div class="infrastructure__object">
            <div class="object__title">
                <h4>
                    Образовательные объекты
                </h4>
                            </div>
                <ul class="object__item">
                    <li>Детский сад №173   300м.</li>
                    <li>Школа №46 900м.</li>
                    <li>Школа №50  1300м.</li>
                    <li>Школа №97 1000м.</li>
                    <li>Гимназия №3 2400м</li>
                </ul>
        </div>
        <div class="infrastructure__object">
            <div class="object__title">
                <h4>
                    Транспортные остановки
                </h4>
                            </div>
                <ul class="object__item">
                    <li>Гимназия №3 2400м</li>
                    <li>К-тр.Дружба: 600м</li>
                    <li>Школа 50: 1100м.</li>
                </ul>
    </div>
    </div>
</section>
</body>

CSS

.infrastructure__title{
  text-align: center;
  font-weight: bold;
  font-size: 37px;
}
.infrastructure__object{
  display: inline-block;
}
.object__title{
  margin-bottom:40px;
  font-weight: bold;
  font-size:19px;
  line-height: 44px;
  height:50px;
  width:296px;
  box-shadow:0px 20px 35px -10px rgba(0, 0, 0, 0.1);
}
.object__item li{
  font-weight:300;
  list-style: none;
  line-height: 37px;
  font-size: 16px;
}

@Freeze_Breeze · 02.07.2018, 23:57

Koblan, если я Вас правильно понял, тогда классу .infrastructure__object задайте свойство float: left;

Добавлено через 1 минуту

Сообщение от Koblan

verticalalignmidle

Это новое свойство в HTML?

@Koblan · 03.07.2018, 12:29 **[ТС]**

Freeze_Breeze, Я думал можно обойтись с display:inline-block.Огромное спасибо

@Freeze_Breeze 278 / 272 / 106 Регистрация: 12.01.2016 Сообщений: 1,666
	02.07.2018, 23:57	2
	Сообщение было отмечено Koblan как решение Решение Koblan, если я Вас правильно понял, тогда классу `.infrastructure__object` задайте свойство `float: left;` Добавлено через 1 минуту Сообщение от Koblan verticalalignmidle Это новое свойство в HTML? Миниатюры 1

@Koblan 0 / 0 / 1 Регистрация: 13.01.2018 Сообщений: 65
	03.07.2018, 12:29 [ТС]	3
	Freeze_Breeze, Я думал можно обойтись с display:inline-block.Огромное спасибо 0

Как подвинуть список в вверх

Решение