/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 vote315 views4 answers
Width in css
CSS
0 vote293 views1 answer
Formatage date css
CSS
3 votes302 views3 answers
Website gradient
CSS
1 vote262 views1 answer
Python 'charmap' codec can't decode byte
CSS
0 vote313 views1 answer
Media query for mobile landscape only
CSS
162 votes386 views5 answers
Css shaddow
CSS
0 vote320 views1 answer
Css clip path alternative
CSS
0 vote328 views1 answer
Css List in line
CSS
0 vote289 views1 answer
Material css sidebar
CSS
3 votes303 views1 answer
Hover apply lighter color css
CSS