/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 vote131 views1 answer
How to add style .css in wp
CSS
0 vote133 views1 answer
How to remove default padding of div
CSS
0 vote154 views1 answer
Css how to remove underline from visited sites
CSS
2 votes137 views2 answers
Remove border select css
CSS
0 vote131 views1 answer
What is a trailling widget in flutter
CSS
5 votes166 views3 answers
How to make a dotted hr in css
CSS
1 vote133 views1 answer
Scss light color
CSS
13 votes126 views3 answers
Repeat css
CSS
0 vote139 views1 answer
Using to in linear gradient css
CSS
0 vote128 views1 answer
To make card box appear more bigger when hover
CSS