Dotted Line Hr - MeggiTools
Run
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>Dotted Line HR</title> <style> body { font-family: Arial, sans-serif; background-color: #fafafa; padding: 20px; } .dotted-hr { border: none; height: 2px; background: repeating-linear-gradient(to right, #3498db, #3498db 10px, transparent 10px, transparent 20px); margin: 50px 0; } </style> </head> <body> <h1>Dotted Line Horizontal Rule</h1> <p>This horizontal rule uses a dotted line pattern for a unique look.</p> <hr class="dotted-hr"> </body> </html>