Dashed Line Hr - VexaX
Run Code
Toggle Theme
Share Link
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Dashed Line HR</title> <style> body { font-family: Arial, sans-serif; background-color: #e0f7fa; padding: 20px; } .dashed-hr { border: none; height: 4px; background: repeating-linear-gradient(to right, #00695c, #00695c 10px, transparent 10px, transparent 20px); margin: 50px 0; } </style> </head> <body> <h1>Dashed Line Horizontal Rule</h1> <p>A horizontal rule with a dashed line pattern for a modern look.</p> <hr class="dashed-hr"> </body> </html>