/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 vote177 views1 answer
Css flex fixed width
CSS
7 votes230 views3 answers
Text unselectable css
CSS
0 vote245 views1 answer
Css input not clickable
CSS
22 votes213 views5 answers
Circle css
CSS
15 votes227 views2 answers
Linear-gradient
CSS
0 vote222 views1 answer
Options for DNSSEC verification of other zones
CSS
11 votes217 views2 answers
How to change image position in css
CSS
0 vote211 views1 answer
Add logo html css
CSS
11 votes255 views5 answers
Css affect other elements on hover
CSS
1 vote224 views1 answer
Free computer screen recording software
CSS