Задать вопрос
@Rkasez
Web Junior

Как убрать «пробелы» между элементами?

Нужна помощь с пространством между блоками
Наглядно:
Пример 1
<body>
        <div></div><div></div><div></div><div></div><div></div><div></div> <!-- именно без переносов -->
</body>

Получается так:
5d44f80b96a2c373890273.png
В данном случае пространство только между верхними и нижними элементами.
Пример 2
<body>
       <div></div> <!-- Теперь с переносами-->
       <div></div>
       <div></div>
       <div></div>
       <div></div>
       <div></div>
</body>

Теперь получается так:
5d44f8b7907c5018871024.png
Пространство есть между всеми элементами(но отступов от краёв браузера нет).

CSS в обоих случаях:
div{
	display: inline-block;
	width: 25%;
	height: 200px;
	background: orange;
}


Та же песня и со списками(< li >)
К документу применён reset.css
Как от этого избавиться?
  • Вопрос задан
  • 83 просмотра
Подписаться 1 Средний Комментировать
Решения вопроса 1
natojezlo
@natojezlo
Пригласить эксперта
Ваш ответ на вопрос

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

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