/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

174 votes193 views6 answers
Css background image
CSS
0 vote265 views1 answer
Removing input border shadow
CSS
2 votes228 views2 answers
Css resize image to fit div no stretching
CSS
-1 vote157 views1 answer
Select box arrow hide css in ie
CSS
20 votes137 views6 answers
Fonts for css
CSS
0 vote191 views1 answer
Chrome extension css
CSS
35 votes144 views2 answers
Css code for margin
CSS
0 vote156 views1 answer
How to solve your coading bugs
CSS
0 vote199 views2 answers
Bootstrap 4 scss angular 8
CSS Bootstrap
0 vote148 views1 answer
How to make tet itali in css
CSS