/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 vote148 views1 answer
React wrapper component
CSS
1 vote135 views1 answer
Kommentar css
CSS
15 votes130 views1 answer
How to link fonts css
CSS
7 votes145 views3 answers
Remove hover effect css
CSS
0 vote180 views1 answer
Bootstrap-navbar-brand
CSS Bootstrap
3 votes142 views1 answer
Visibility transition css only on show
CSS
0 vote276 views2 answers
Html select image background arrow
CSS
27 votes125 views4 answers
Css keyframes
CSS
17 votes175 views2 answers
Css grid center elements inside div
CSS
0 vote131 views1 answer
What is bulletproof buttons
CSS