/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 vote138 views1 answer
Css stylistic alternates
CSS
0 vote144 views3 answers
Assignment 1
CSS
0 vote165 views2 answers
Elementor accordions closed by default
CSS
0 vote141 views1 answer
How to make website using html and css
CSS
6 votes174 views2 answers
Css how to prevent horizontal scrolling
CSS
16 votes180 views4 answers
Scss to css
CSS
0 vote144 views1 answer
If i forked and cloned a github repo can i change the name
CSS
0 vote166 views1 answer
Htacess mono-site
CSS
126 votes165 views7 answers
Css box shadow
CSS
51 votes158 views4 answers
Css center horizontally
CSS