/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

3 votes111 views2 answers
Div align right in css
CSS
0 vote117 views1 answer
Responsive typography
CSS
7 votes113 views3 answers
Iframe no scroll
CSS
0 vote120 views2 answers
Ssh: connect to host 165.22.132.219 port 22: Connection refused
CSS
0 vote219 views1 answer
Kill docker by image name
CSS
1 vote120 views1 answer
Angular headers for enc type
CSS
0 vote175 views1 answer
Foreach and if condition in qweb
CSS
0 vote131 views1 answer
Html display text in alternating coloured panels
CSS
1 vote140 views1 answer
Replace icon with image css
CSS
1 vote135 views1 answer
Css selector start with
CSS