/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 vote196 views1 answer
Jquery if css property is
CSS
62 votes230 views3 answers
Border radius shorthand
CSS
0 vote216 views1 answer
Css make a cell twice as big flexbox
CSS
3 votes260 views3 answers
Font shadow css
CSS
19 votes198 views3 answers
Keyframes
CSS
0 vote188 views1 answer
Css blur background behind div
CSS
0 vote261 views1 answer
Input area bootstrap highlight
CSS Bootstrap
2 votes203 views2 answers
Css grid make all rows same height
CSS
0 vote204 views1 answer
Css nested
CSS
2 votes196 views3 answers
Css media screen
CSS