/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

12 votes275 views2 answers
Css not first child
CSS
0 vote287 views1 answer
Css box shadow right and down
CSS
0 vote283 views1 answer
Responsive typography
CSS
1 vote294 views1 answer
How to remove lines from textarea
CSS
45 votes295 views6 answers
Css text align center
CSS
0 vote284 views1 answer
Css select first immediate child
CSS
49 votes295 views3 answers
Center absolute element css
CSS
-1 vote281 views1 answer
Focus on input change label color
CSS
0 vote259 views1 answer
Nhandled Rejection (TypeError): Cannot read property
CSS
1 vote319 views1 answer
Robot font import
CSS