How to change border height in css

ul {
  list-style-type: none;
  display: flex;
  flex-direction: row;
}

li {
  padding: 10px;
}

.custom-border {
  position: relative;
}

.custom-border:after {
  content: " ";
  position: absolute;
  border-left: 1px #6c757d solid;
  top: 35%;
  right: 0;
  height: 30%;
  margin-top: auto;
  margin-bottom: auto;
}

Source: stackoverflow.com

Similar codes

18 votes261 views4 answers
Grayscale css
CSS
5 votes232 views3 answers
How to make a linear gradient in css
CSS
2 votes275 views1 answer
How to prevent anchor links from scrolling behind a sticky header with one line of CSS
CSS
0 vote258 views1 answer
Css background image follow scroll
CSS
0 vote259 views1 answer
Linux copy directory permissions to another directory
CSS
9 votes270 views3 answers
Resize checkbox
CSS
0 vote279 views1 answer
How to install gotham rounded as a font in visual studio code for my css file
CSS
145 votes306 views6 answers
Add bootstrap to react
CSS
0 vote312 views1 answer
React bootstrap carousel not working
CSS Bootstrap
0 vote248 views1 answer
Target button of fileinput css
CSS