Welcome to all our readers on our website at www.tutorialpath.com. As you all know that here on our website we will provide you lots of information related to the latest and newly introduced technology which help you to get updated with the latest tech. Here you will get all the useful information which is required in this tech world. As you know technology is one of the trending part in this world. So, here again we came up with a latest and new tech information which is related to the process of creating vertical line in HTML. With the help of this article you will get to know the complete process of how to create vertical line in HTML in a step by step manner. So, simply have a look to this article and grab all the useful information which is going to be very helpful for you.
How to create a vertical line in HTML
Use the border-left or border-right property to create a vertical line. The height property is used to determine the height of the boundary (vertical line) element. The position property is used to determine the position of the vertical line.
The following example will create a vertical divider line between two images. You can increase the line height simply by increasing the value of the height property.
HTML | <hr> Tag
The <hr> tag in HTML is for a horizontal rule and is used to insert a horizontal rule or thematic break into an HTML page to split or separate documents. The <hr> tag is an empty tag and does not require the last tag.
Tag Attributes: The table below describes the <hr> tag attributes:
|Used to specify the alignment of the horizontal rule.|
|Size||pixels||Used to specify the height of the horizontal rule.|
|Width||pixels||Used to specify the width of the horizontal rule.|
|noshade||noshade||Used to specify the bar without shading effect.|
|There is a horizontal line.
This is a horizontal rule above this paragraph.
Here are some more FAQ related to this topic:
- How to change the color using CSS
- How to add border to an element on mouse hover without affecting the layout in CSS
- How to place border inside of a DIV element using CSS