Задать вопрос
@ya_yshel_rabotati_v_teleg

Как расположить блоки в линию?

https://jsfiddle.net/pju4qjgs/
<div class="in">
			<div class="voronka">
				<div class="one_block">
					
				</div>
        <div class="one_block">
					
				</div>
        <div class="one_block">
					
				</div>
        <div class="one_block">
					
				</div>
        <div class="one_block">
					
				</div>
				<div class="one_block">
					
				</div>
				<div class="one_block">
					
				</div>
				<div class="one_block">
					
				</div>
				<div class="one_block">
					
				</div>
			</div>
		</div>

.in {
    width: 100%;
    height: 100%;
    padding: 15px;
    padding-right: 0px;
    box-sizing: border-box;
}
.voronka {
    width: 100%;
    overflow: scroll;
}
.voronka > .one_block {
    width: 25%;
    min-width: 300px;
    max-width: 500px;
    margin-right: 15px;
    border:2px solid #000;
    height: 100px;
    float: left;
}
  • Вопрос задан
  • 216 просмотров
Подписаться 2 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 3
totalcount
@totalcount
display: inline;
Ответ написан
Комментировать
Amirez
@Amirez
В чем секрет кота Бориса?
Для .voronka Display:flex;
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы