/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

6 votes150 views1 answer
All text in caps using css
CSS
12 votes173 views3 answers
Line through in css
CSS
6 votes131 views2 answers
Remove horizontal scrollbar css
CSS
0 vote158 views1 answer
Wordpress header script add
CSS
2 votes149 views1 answer
Flexbox go to next row
CSS
0 vote168 views1 answer
Why grepper not always shows
CSS
4 votes206 views1 answer
Striped tables css
CSS
1 vote146 views3 answers
Css for bigger screen size
CSS
0 vote150 views1 answer
Html disable spin buttons on input type number
CSS
2 votes184 views1 answer
Excel arabic numbers
CSS