1<!-- HTML -->
2
3<!-- You can change the style of the horizontal line like this: -->
4
5<hr style="width:50%", size="3", color=black>
6
7
8<!-- Or like this: -->
9
10<hr style="height:2px; width:50%; border-width:0; color:red; background-color:red">
11
12
1/* Red border */
2hr.new1 {
3 border-top: 1px solid red;
4}
5
6/* Dashed red border */
7hr.new2 {
8 border-top: 1px dashed red;
9}
10
11/* Dotted red border */
12hr.new3 {
13 border-top: 1px dotted red;
14}
15
16/* Thick red border */
17hr.new4 {
18 border: 1px solid red;
19}
20
21/* Large rounded green border */
22hr.new5 {
23 border: 10px solid green;
24 border-radius: 5px;
25}
1var elem = document.createElement("hr");
2elem.setAttribute("width", "100px");
3document.body.appendChild(elem);
1<!-- You can add a horizontal line in html by a <hr> tag.-->
2<!Doctype Html>
3
4<html>
5
6 <head>
7
8 <meta charset="UTF-8">
9 <title>HR Tag</title>
10
11 </head>
12 <body>
13
14 <h1>Hello</h1>
15 <hr>
16
17 </body>
18
19</html>
20
21
22<hr>