/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

1 vote273 views1 answer
H2 custom font family html css
CSS
0 vote306 views1 answer
Calc in css fonts
CSS
0 vote311 views1 answer
Django validation error css
CSS
7 votes270 views1 answer
Col md 12
CSS
48 votes301 views6 answers
Media query min max
CSS
0 vote285 views1 answer
Devextreme css
CSS
0 vote302 views1 answer
Bottom gradient
CSS
-1 vote333 views1 answer
How to make white image black in css
CSS
0 vote305 views1 answer
Text wrap image wordpress css
CSS
2 votes310 views1 answer
Css percent minus pixel
CSS