inline
span это стандартный строчный элемент. Строчный элемент может обернуть текст внутри абзаца
<span>
вот так
</span>
не нарушая его структуры. Наиболее распространенный строчный элемент это a так как вы используете его для ссылок.
none
Еще одно распространенное значение для отображения это none. Некоторые специализированные элементы, такие как script используют это значение по умолчанию. Оно широко используется с JavaScript, чтобы скрывать и показывать элементы вместо того, чтобы удалять и воссоздавать их снова.
Оно отличается от visibility. При задании свойству display значения none страница будет отображаться словно элемент не существует. visibility: hidden; просто скроет элемент, но элемент по прежнему будет продолжать занимать место, как если бы он был полностью виден.
другие display значения
Есть много более экзотичных стилевых значений для отображения, таких как list-item и table. Вот полный список. Позже мы обсудим inline-block и flex.
дополнение
Как я уже говорил, каждый элемент имеет тип отображения по умолчанию. Тем не менее, вы всегда можете переопределить это! Хотя это не имело бы смысла для того, чтобы сделать div строчным, вы можете использовать это, чтобы настроить отображение элементов с частной семантикой. Типичный пример – возможность выстраивания li элементов для горизонтального меню.
