Щоб представити список горизонтально, а не вертикально в HTML і CSS, ви можете використовувати властивість display: inline-block для елементів списку. Це відобразить елементи маркованого списку горизонтально з деяким інтервалом між ними. Ви можете налаштувати інтервал, змінивши значення margin-right.

Щоб відобразити список горизонтально, ви можете використовуйте властивість CSS display: flex для батьківського елемента списку. Це створить гнучкий контейнер і дозволить вам маніпулювати напрямком і вирівнюванням дочірніх елементів.

Встановивши для батьківського елемента (у цьому випадку div з класом image-row ) значення display: flex, дочірні елементи (у цьому випадку елементи img) будуть розташовані горизонтально. Властивість justify-content зі значенням space-between створить рівний простір між зображеннями. І все!

Товщина тегу <hr> визначає висоту горизонтальної лінії. Ви можете це змінити за допомогою властивості висоти CSS. Визначає вирівнювання горизонтальної лінії. Значення можуть бути зліва, по центру або справа.

Горизонтальні правила є класичний елемент стилю, який використовується для створення візуальної розриву в тексті та вмісті.