Chevron 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>Chevron HR</title> <style> body { font-family: Arial, sans-serif; background-color: #fafafa; padding: 20px; } .chevron-hr { border: none; height: 10px; background: url('data:image/svg+xml;utf8,<svg width="100%" height="10px" xmlns="http://www.w3.org/2000/svg"><path d="M0 0 L10 10 L20 0 L30 10 L40 0" stroke="black" fill="none" stroke-width="2"/></svg>'); background-size: 20px 10px; margin: 50px 0; } </style> </head> <body> <h1>Chevron Horizontal Rule</h1> <p>This horizontal rule features a repeating chevron pattern.</p> <hr class="chevron-hr"> </body> </html>