/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 vote361 views1 answer
Css custom cursor form image
CSS
-1 vote311 views1 answer
Scss background color
CSS
1 vote357 views1 answer
How to set the first column of the table in center in css
CSS
0 vote376 views3 answers
Bulma lowercase
CSS
34 votes320 views6 answers
Css linear gradient
CSS
0 vote352 views2 answers
Css multiline comment
CSS
0 vote397 views1 answer
Elementor vertical line
CSS
5 votes355 views2 answers
Css especifico para safari
CSS
0 vote335 views1 answer
On frontend grivity form css not load
CSS
0 vote340 views1 answer
Style scroll react csss
CSS