/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

28 votes117 views3 answers
Display sm none
CSS
0 vote132 views1 answer
Inine css
CSS
0 vote130 views1 answer
Rendre une div scrollable
CSS
4 votes103 views1 answer
Linear gradient instagram
CSS
0 vote122 views1 answer
Not let user select in css
CSS
29 votes127 views4 answers
@font-face css
CSS
258 votes305 views6 answers
ForEach
CSS
0 vote114 views1 answer
Text size to fit button
CSS
5 votes127 views2 answers
How to select child when hover on parent element css
CSS
0 vote107 views1 answer
Understanding 'space' in css selector
CSS