Некоторые методы создания горизонтальной линии с тенью в CSS:

• Использование свойства groove. 2 Оно создаёт линию с тенью сверху. 2 Пример кода: <div style='border-bottom: groove 5px #d5d5d5;'>groove</div>. 2
• Применение свойства ridge. 2 Оно создаёт линию с тенью снизу. 2 Пример кода: <div style='border-bottom: ridge 5px #d5d5d5;'>ridge</div>. 2
• Использование псевдоэлемента ::after. 3 Этот метод позволяет добавлять детализированные эффекты, например, тени, не затрагивая семантику HTML. 3

Также для создания горизонтальных линий в CSS используют тег