/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 vote359 views1 answer
RROR: PKGBUILD contains CRLF characters and cannot be sourced.
CSS
16 votes441 views5 answers
Sass loops
CSS
0 vote359 views1 answer
Nuxt JisonLexerError: Lexical error on line 1: Unrecognized text.
CSS
7 votes394 views2 answers
Rem vs em
CSS
0 vote482 views1 answer
Css only if both classes
CSS
28 votes393 views5 answers
Font face html
CSS
0 vote388 views1 answer
Mat dialog background color
CSS
4 votes351 views1 answer
How do i update my gatsby version?
CSS
0 vote338 views1 answer
What does it mean when we write width :100%?
CSS
0 vote379 views3 answers
Svg background css
CSS