Menu
Basically I want a line like the ones that separate posts on stackoverflow, only I want it vertical and to be a kind of "left border" that will be in a separate div to display links and content. So instead of making a big rectangle on the left side with links and text, I just want like a really thin, subtle gray line that goes all the way down the page.
How would I go about doing this?
270
HTML <hr> Tag The <hr> tag in HTML stands for horizontal rule and is used to insert a horizontal rule or a thematic break in an HTML page to divide or separate document sections. The <hr> tag is an empty tag, and it does not require an end tag. Used to specify the alignment of the horizontal rule.
The word–wrap property is used to split/break long words and wrap them into the next line. The overflow–wrap CSS property is applicable to inline elements & specifies that the browser can break the line inside the selected element into multiple lines in an otherwise unbreakable place.
Using hr created two lines for me, one solid and one dotted. Plus, because you can make the width a percentage, it will always have some space on either side (even when you resize the window). Save this answer. Show activity on this post.
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. Example 1: It creates a vertical line using border-left, height and position property.
You can do
.some-class
{
border-left:1px solid #e2e2e2;
}
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
