/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

-1 vote260 views2 answers
Make all images same size bootstrap
CSS
1 vote244 views1 answer
Which css property is used to change font
CSS
0 vote256 views1 answer
Abstände zwischen zeilen html
CSS
0 vote240 views1 answer
Parcel-bundler bulma css
CSS
0 vote254 views1 answer
Text below filter css using pseudo
CSS
0 vote247 views2 answers
Css comment placer un icon sur une photo
CSS
33 votes226 views6 answers
Gradient css
CSS
0 vote250 views1 answer
Insert a new key value in an object of an array
CSS
0 vote305 views1 answer
Html datalist css style
CSS
0 vote247 views1 answer
Javascript select element that does not have attribute
CSS