/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 vote330 views1 answer
Overflow scrollbar with variable height
CSS
1 vote189 views1 answer
Cs and cd in jfet
CSS
0 vote227 views1 answer
Puntos suspensivos css
CSS
8 votes191 views1 answer
How to get my div to centre
CSS
20 votes198 views2 answers
Css disable selection
CSS
7 votes185 views3 answers
Css stop text wrapping
CSS
0 vote195 views1 answer
Stop padding from changing div size
CSS
0 vote187 views2 answers
Vscode remote Error: EACCES: permission denied
CSS
11 votes209 views2 answers
Css image filter black and white
CSS
0 vote191 views1 answer
Capitalize the first letter of string using CSS
CSS