/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

24 votes298 views6 answers
Background remover
CSS
63 votes311 views6 answers
Center div absolute
CSS
0 vote266 views1 answer
ERROR in multi ./node_modules/ngx-toastr/toastr.css ./src/styles.scss
CSS
17 votes312 views3 answers
How to set div background image
CSS
14 votes305 views4 answers
Text align left bootstrap
CSS
0 vote288 views1 answer
Remove Title spacing
CSS
43 votes258 views6 answers
Css font color
CSS
10 votes272 views1 answer
Css when click select another class
CSS
0 vote296 views1 answer
Css remove white space below footer
CSS
0 vote277 views1 answer
Dropright css
CSS