Кнопки у формі створюються за допомогою тега <button> або <input>, до цих селекторам і додається властивість border, воно одночасно встановлює товщину рамки, її стиль і колір. Кнопки можуть по-різному відображатися в браузерах, але додавання кольору фону або рамки скасовує початковий стиль кнопки і перетворюють її в прямокутний «брусок». Далі до нього вже можна застосувати градієнт, скруглення кутів та інші оздоблювальні речі.
У квитанціях, купонах або газетах часом можна зустріти пунктирну лінію з зображенням ножиць і написом «лінія відрізу». Така фраза говорить, що треба відрізати цей шматок за наведеною лінії, щоб надалі використовувати за призначенням. На сайтах подібні дії не мають ніякого сенсу, ніхто тикати в монітор ножицями в здоровому глузді не стане. Але можна використовувати горизонтальну лінію в якості елемента дизайну сторінки, наприклад, для візуального відділення одного матеріалу від іншого.
Горизонтальні лінії добре використовувати для відділення одного блоку текст від іншого. Невеликий за розміром текст, зверху та знизу якого розташовуються горизонтальні лінії, привертає більше уваги читача, ніж звичайний текст.
З допомогою тега <hr> можна намалювати горизонтальну лінію, вигляд якої залежить від використовуваних атрибутів, а також браузера. Тег відноситься до блочних елементів, тому лінія завжди починається з нового рядка, а після неї всі елементи відображаються на наступному рядку. Завдяки безлічі атрибутів тега <hr> лінією, створеної через цей тег, легко управляти. Якщо ще підключити міць стилів, то додавання лінії в документ перетворюється в просте заняття.
Можна по-різному привернути увагу читача до тексту. Наприклад, зробити текст жирного накреслення, змінити його колір, використовувати фон, намалювати рамку. Але якщо потрібно не просто виділити текст, скільки відокремити один текстовий блок від іншого, розділити їх на різні смислові частини? Ось тут використання ліній і відступів просто неоціненне.