/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 vote205 views2 answers
Scss comments
CSS
0 vote253 views1 answer
Remove Title spacing
CSS
1 vote243 views1 answer
Class indicator css
CSS
0 vote264 views1 answer
Css select having both classes
CSS
0 vote242 views1 answer
Ie11 image stretching
CSS
37 votes254 views4 answers
Css circle border
CSS
0 vote250 views1 answer
Css button type
CSS
12 votes257 views2 answers
Grid template columns
CSS
7 votes269 views3 answers
Bootstrap remove outline
CSS
0 vote263 views1 answer
Css elementos
CSS