Source Code: (back to article)
<!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>