Горизонтальна лінія робиться за допомогою властивості border-bottom, яка зазвичай застосовується до елемента <div>. Ця властивість додає лінію знизу заданої товщини та стилю (приклад 1). Щоб не «псувати» все, використовуємо клас line, і вже для класу вказуємо властивість border-bottom.
Як створити горизонтальну лінію?
Відформатуйте горизонтальну лінію після неї створення
- У Word на вкладці Головна на стрічці клацніть стрілку вниз поряд з Кордону. …
- У нижній частині меню виберіть Кордони та заливка.
- У діалоговому вікні можна змінити стиль лінії (суцільна, пунктирна, хвиляста, подвійна тощо.
- Після завершення форматування рядка натисніть кнопку ОК.
Як зробити лінію під текстом у CSS?
Щоб створити лінію під текстом, слід додати до елементу стильову властивість border-bottom, його значенням виступає одночасно товщина лінії, її стиль та колір (Приклад 1). Відстань від лінії до тексту можна регулювати властивістю padding-bottom, додаючи його до селектора H1. Результат цього прикладу показано на рис.