/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

49 votes368 views4 answers
Scrollbar
CSS
1 vote332 views1 answer
Css position absolute transition
CSS
0 vote337 views1 answer
Css background image svg not showing
CSS
0 vote348 views1 answer
Css button click color
CSS
16 votes338 views2 answers
Css photo circle
CSS
10 votes379 views4 answers
Composer self update version 1
CSS
0 vote366 views1 answer
Grid-template-rows
CSS
3 votes351 views2 answers
Navbar box shadow
CSS
0 vote421 views2 answers
Create react app tailwind css with yarn
CSS
0 vote318 views5 answers
Add css to javafx fxml
CSS