/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

29 votes190 views3 answers
How to remove scrollbar in css
CSS
0 vote201 views1 answer
Align icon center div
CSS
1 vote173 views1 answer
Transition all 0.3s ease-in-out
CSS
8 votes225 views2 answers
Css resize checkbox
CSS
27 votes196 views1 answer
Css how to create gradients on text outline
CSS
0 vote196 views1 answer
Faire des colonnesdef etexte css
CSS
4 votes205 views2 answers
Display flex column width auto
CSS
0 vote186 views1 answer
Css tutorial point
CSS
10 votes245 views3 answers
Javascript average of numbers in array
CSS
3 votes182 views2 answers
Card template css
CSS