/CSS/Vertical divider between my flexbox

Vertical divider between my flexbox

section {
  display: flex;
  flex-direction: row;
  flex: 1;
  margin: 0 -8px;
  align-items: center;
}
section>* {
  margin: 0 8px;
}
.divider {
  width: 2px;
  margin: 6px 0;
  background: blue;
  align-self: stretch;
}
.item {
  flex: 1;
  background: orange;
}

Source: stackoverflow.com

Similar codes

2 votes134 views1 answer
Css text black outline
CSS
0 vote170 views1 answer
Sticky footer not working bootstrap
CSS
26 votes126 views3 answers
Css remove border input focus
CSS
0 vote120 views1 answer
Html print page break
CSS
1 vote124 views1 answer
About us page template html css codepen
CSS
3 votes131 views1 answer
Download css from website
CSS
0 vote131 views1 answer
Resize logo html css
CSS
0 vote134 views1 answer
Activate_bin_path
CSS
0 vote129 views1 answer
Jquery change css variiable value
CSS
3 votes126 views1 answer
Css edit scroll bar
CSS