/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 vote114 views2 answers
Is it possible to add xsl and css in same xml file
CSS
0 vote127 views1 answer
Css display offscreen
CSS
34 votes107 views6 answers
How to align text in css
CSS
0 vote119 views1 answer
Next day 2pm delivery countdown timer script
CSS
1 vote119 views1 answer
How to add fanctoin to links in css
CSS
1 vote110 views1 answer
Second scrollbar appears
CSS
2 votes154 views1 answer
Bootstrap 5 auto darkmode 5
CSS Bootstrap
13 votes106 views3 answers
Repeat css
CSS
0 vote109 views1 answer
Unhover animation
CSS
0 vote114 views1 answer
Nuxt JisonLexerError: Lexical error on line 1: Unrecognized text.
CSS