Задать вопрос
@stephenjones
html

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

Здраствуйте, скажите пожалуйста как расположить div в ряд, етот код не работает
<!DOCTYPE html>

<body>
	<div id="container">
		<div class="block"></div>
		<div class="block"></div>
		<div class="block"></div>
		<div class="block"></div>
	</div>
</body>
<style>
	#container {
		width: 30vmin;
		height: 30vmin;
		background: green;
                display: inline-block;
	}

	.block {

		width: 10vmin;
		height: 10vmin;
		background: red;
	}
</style>

</html>
  • Вопрос задан
  • 180 просмотров
4 комментария
Подписаться 1 Простой 4 комментария
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 1
@RLeo777
Можно применить флексы:
#container {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
Ответ написан
2 комментария
2 комментария
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
Верстальщик / фронтендер для браузерного расширения
DevTeam.Space
от 1 000 до 2 000 $
PHP-разработчик
FoodSoul • Калининград
от 180 000 до 250 000 ₽
Специалист технической поддержки (чат)
WebSoft
от 50 000 до 70 000 ₽
Ещё вакансии