/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 vote316 views1 answer
Cd cover dimensions
CSS
0 vote341 views1 answer
Backface-visibility: hidden;
CSS
1 vote328 views1 answer
Universal selector incss'
CSS
0 vote326 views1 answer
Float: down css
CSS
0 vote356 views1 answer
How to make a pixel in css
CSS
2 votes304 views2 answers
How to give 2 different background color css
CSS
5 votes341 views3 answers
How to trim leading spaces in html using css
CSS
0 vote308 views1 answer
How to remove the body margin from navbar in css
CSS
2 votes344 views2 answers
Poppins cdn
CSS
1 vote333 views2 answers
How to change highlight color on website
CSS