/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 vote149 views1 answer
Had to add a tint to a picture on css
CSS
16 votes143 views4 answers
Arrow down css
CSS
2 votes140 views2 answers
Aspect ratio css
CSS
39 votes136 views4 answers
Font awesome size
CSS
0 vote159 views1 answer
Css display offscreen
CSS
-2 votes152 views2 answers
Outline-radius css
CSS
6 votes147 views1 answer
Flex change order
CSS
0 vote139 views1 answer
Css background templates
CSS
2 votes142 views4 answers
Laravel htaccess
CSS
0 vote94 views2 answers
Media query for tablet only
CSS