Задать вопрос
@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>
  • Вопрос задан
  • 112 просмотров
4 комментария
Подписаться 1 Простой 4 комментария
Пригласить эксперта
Ответы на вопрос 1
@RLeo777
Можно применить флексы:
#container {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
Ответ написан
2 комментария
2 комментария
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Разработка дизайна коробки в развернутом виде
24 апр. 2024, в 12:13
2000 руб./за проект
Нужна лендинг страница для telegram канала
24 апр. 2024, в 12:11
1000 руб./за проект
Нужен промт для миджорни
24 апр. 2024, в 12:08
1000 руб./за проект
Ещё заказы