/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

1 vote199 views2 answers
Css disabled hover none
CSS
0 vote196 views2 answers
Split pane border css ionic
CSS
0 vote192 views1 answer
Css background color over image
CSS
2 votes177 views1 answer
Journalctl last 100 lines
CSS
0 vote117 views1 answer
Css skip first child
CSS
7 votes141 views3 answers
Bootstrap remove outline
CSS
0 vote153 views1 answer
Switch css with text
CSS
3 votes174 views1 answer
Css second td in table
CSS
0 vote190 views1 answer
Css grow animation
CSS
0 vote242 views1 answer
How to use bootstrap color variables in sass
CSS Bootstrap