/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 vote198 views1 answer
Make footer stick to bottom without overlap over other elements
CSS
1 vote166 views1 answer
Md table structure
CSS
7 votes169 views6 answers
Font style css
CSS
0 vote180 views1 answer
Awesome font google icon colored css
CSS
1 vote125 views1 answer
Css main container align center
CSS
0 vote207 views2 answers
Using materialize css with react
CSS Materialize
2 votes177 views5 answers
How to insert image in css
CSS
4 votes180 views3 answers
Css image cover
CSS
0 vote190 views2 answers
Prevent line break css
CSS
0 vote181 views1 answer
Css file not getting captured in laravel project
CSS