/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

1 vote119 views1 answer
Setting paragraph margin to 0
CSS
0 vote129 views1 answer
Tailwindcss init full
CSS
0 vote122 views1 answer
Scroll x css
CSS
0 vote120 views1 answer
Input rtl html
CSS
2 votes133 views1 answer
Css minmax
CSS
2 votes118 views1 answer
Clamp margin
CSS
0 vote131 views1 answer
Meaning of bbc
CSS
1 vote121 views1 answer
Scroll bar on border radius element css
CSS
0 vote130 views1 answer
Scss import class from another file
CSS
4 votes134 views1 answer
Target css by form name
CSS