How to make a vertical line in HTML

by

Put a <div> around the markup where you want the line to appear to next, and use CSS to style it:

.verticalLine {
  border-left: thick solid #ff0000;
}
<div class="verticalLine">
  some other content
</div>

More Related Contents:

  1. Bold tag breaking the divs?
  2. Font Awesome 5 on pseudo elements shows square instead of icon
  3. Center image horizontally within a div
  4. Bootstrap 4: Multilevel Dropdown Inside Navigation
  5. Can you target with css?
  6. Why can’t be flex containers?
  7. Prevent flex items from rendering side to side
  8. How can I find unused images and CSS styles in a website? [duplicate]
  9. How to increase space between dotted border dots
  10. How can I make all images of different height and width the same via CSS?
  11. How to center nav-items in Bootstrap? [duplicate]
  12. Fonts on the Web [duplicate]
  13. How to horizontally center an unordered list of unknown width?
  14. space between divs – display table-cell
  15. Height Calculation By Browsers : Containing Blocks and Children
  16. Get input type=text to look like type=password
  17. How to display text, a dotted line then more text spanning the width of the page?
  18. How can I apply a border only inside a table?
  19. What does the clearfix class do in css? [duplicate]
  20. Center image in div horizontally [duplicate]
  21. Add spacing between vertically stacked columns in Bootstrap 4
  22. HTML — Two Tables Horizontally Side by Side
  23. Draw double curved item with beveled edges
  24. How to center an unordered list?
  25. Center a large image of unknown size inside a smaller div with overflow hidden
  26. How to change border color of textarea on :focus
  27. Change the color of glyphicons to blue in some- but not at all places using Bootstrap 2
  28. Is there any way to add padding to select options via CSS?
  29. CSS Selector for No-Children-But-Not-Empty
  30. How to center and crop an image to always appear in square shape with CSS?

Leave a Comment