/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 vote208 views1 answer
Webkit scrollbar padding
CSS
3 votes232 views1 answer
Font family comic sans ms
CSS
42 votes217 views5 answers
Split text javascript
CSS
0 vote197 views1 answer
Tail block css
CSS
29 votes256 views6 answers
Input focus border
CSS
1 vote203 views1 answer
Css use value of attribute
CSS
0 vote224 views1 answer
Helooo
CSS
0 vote233 views1 answer
Hide first of type elements using css , how to hide elements using css
CSS
0 vote176 views1 answer
Css class and attribute selector
CSS
1 vote205 views1 answer
Remove arrow summary tag css
CSS