/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

0 vote344 views1 answer
Css selector id class
CSS
0 vote346 views1 answer
Placer balise p a la suite
CSS
3 votes337 views2 answers
How to modify select icon csshow to modify select icon css
CSS
3 votes343 views2 answers
Css for internet explorer only
CSS
0 vote348 views1 answer
Css line-through color
CSS
4 votes325 views1 answer
Plasma state of matter
CSS
1 vote372 views1 answer
Css target except id
CSS
0 vote341 views2 answers
Can i use css in react native
CSS
2 votes369 views1 answer
Width 100% with padding
CSS
1 vote344 views1 answer
Perimeter around my background image
CSS