Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</title> <style> .horizontal-line { display: inline-block; border-top: 3px solid #8b37b8; } .hr1 { width: 100px; } .hr2 { width: 50px; margin-left: 10px; } .hr3 { width: 30px; margin-left: 10px; } </style> </head> <body> <h1>Lorem Ipsum</h1> <hr class='horizontal-line hr1' /> <hr class='horizontal-line hr2' /> <hr class='horizontal-line hr3' /> <p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p> </body> </html>