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

0 vote100 views1 answer
Css wrap text next line align right
CSS
5 votes103 views1 answer
Css assign multiple classes to one element
CSS
0 vote98 views2 answers
Css gradient rgba to hex
CSS
0 vote101 views1 answer
Ignore default css for react Link
CSS
0 vote98 views1 answer
How to add color in css
CSS
14 votes186 views2 answers
.col-12 bootstrap
CSS Bootstrap
1 vote107 views1 answer
Load css file flask
CSS
0 vote146 views1 answer
Css inverted border radius
CSS
0 vote119 views3 answers
Css keep focus color on div after click
CSS
3 votes118 views3 answers
Remove clicked button border
CSS