/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 vote211 views1 answer
Before css font awesome
CSS
0 vote187 views1 answer
Html align text anchor
CSS
253 votes290 views10 answers
Bootstrap cdn
CSS Bootstrap
12 votes185 views2 answers
Css select every other element
CSS
7 votes232 views6 answers
Css background overlay
CSS
66 votes198 views6 answers
Remove bullets from list css
CSS
7 votes193 views2 answers
Css comic sans
CSS
0 vote196 views2 answers
Curved lines css
CSS
0 vote182 views1 answer
React how to wrap
CSS
6 votes145 views1 answer
Float css examples
CSS