/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 vote179 views1 answer
Horizontal rule plus text
CSS
10 votes183 views5 answers
Media query for max width and height
CSS
10 votes165 views5 answers
Text-align property in css
CSS
0 vote135 views1 answer
Padding 4 values
CSS
0 vote280 views1 answer
How to target input type with css
CSS
0 vote165 views1 answer
Css user select none
CSS
39 votes196 views6 answers
Css first child
CSS
198 votes467 views6 answers
How to add css in html
CSS
0 vote170 views1 answer
Twig currency name
CSS
10 votes171 views6 answers
Modal html
CSS