/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

3 votes270 views1 answer
Background image css django
CSS
3 votes288 views4 answers
Keep aspect ratio of image css
CSS
0 vote281 views1 answer
How to change line colors in css
CSS
-1 vote327 views1 answer
Materialize table padding css
CSS Materialize
3 votes283 views9 answers
Bootstrap 5
CSS
1 vote323 views1 answer
Increase font size zenity
CSS
0 vote299 views3 answers
How to create collapsable using pure Javascript
CSS
1 vote272 views1 answer
Pixel to inches
CSS
16 votes271 views3 answers
Sass install
CSS
0 vote302 views1 answer
Wkhtmltopdf remove thead repeating
CSS