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 vote127 views1 answer
Bootstrap create full screen background image
CSS
161 votes177 views6 answers
Css bold text
CSS
0 vote130 views1 answer
Wkhtmltopdf remove thead repeating
CSS
0 vote134 views1 answer
Boxsizing
CSS
0 vote166 views1 answer
Omnisend custom css
CSS
0 vote129 views2 answers
Why is my body background color in css not working
CSS
2 votes125 views2 answers
Bootstrap change color table striped
CSS
0 vote150 views1 answer
Why does my min and max-wodth only stay on min-width html css
CSS
1 vote135 views1 answer
Add border to input css
CSS
2 votes126 views3 answers
Placeholder color default
CSS