how to make a vertical line in HTML coding??
make the answer like <html>
please answer my question fast !!
Answers
Explanation:
!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Make a Vertical Line in HTML</title>
<style>
.vertical-line{
display: inline-block;
border-left: 1px solid #ccc;
margin: 0 10px;
height: 125px;
}
</style>
</head>
<body>
<img src="images/club.jpg" alt="Club Card">
<span class="vertical-line"></span>
<img src="images/spade.jpg" alt="Spade Card">
</body>
</html>
Answer:
Its simple to add a horizontal line in your markup, just add: <hr>. Browsers draw a line across the entire width of the container, which can be the entire body or a child element.
To make a vertical line, use border-left or border-right property. The height property is used to set the height of border (vertical line) element. Position property is used to set the position of vertical line.