/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

26 votes339 views10 answers
Bootstrap
CSS
0 vote338 views2 answers
How to set table data width in css
CSS
0 vote328 views1 answer
How to set border length in css without div
CSS
3 votes361 views2 answers
How to zoom iin by default in html page
CSS
0 vote379 views1 answer
Set number word to new line html
CSS
0 vote347 views1 answer
How to set box into another box using html and css
CSS
5 votes333 views4 answers
Inset css
CSS
1 vote334 views1 answer
Ion-content --offset-bottom
CSS
0 vote332 views1 answer
Purgecss cli
CSS
0 vote363 views1 answer
Media screen tablet
CSS