/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 vote233 views1 answer
Asp net css how to change text alignment of gridview column
CSS
0 vote229 views1 answer
An operation was attempted on something that is not a socket
CSS
0 vote227 views1 answer
Add a class to header
CSS
8 votes247 views2 answers
Html how to change highlight color
CSS
1 vote261 views1 answer
Css grid minmax function
CSS
1 vote234 views1 answer
How to alternate background colour in html div elements in css
CSS
18 votes222 views2 answers
Rgba blue colo
CSS
0 vote234 views1 answer
Break table for printing
CSS
0 vote304 views2 answers
Ihr seid alle dumabtu
CSS
1 vote226 views1 answer
Wp wpbakery bulder page alignment
CSS