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;
}
Code Example |
---|
Css :: css transition on click |
Css :: css for chrome only |
Css :: simple font-face mixin scss |
Css :: button looks like a link |
Css :: text background image css |
Css :: padding bottom and top css in same ligne |
Css :: .col-12 bootstrap |
Css :: text decoration css transition |
Css :: css flexbox syntax |
Css :: matrix css |
Css :: device-pixel-ratio css |
Css :: css class and id selector |
Css :: css image popup on hover |
Css :: vertical align text inside div |
Css :: portfolio website html css |
Css :: multer buffer undefined |
Css :: sass scale color |
Css :: import scss |
Css :: display flex overflow hidden slider |
Css :: font awesome saas gem |
Css :: css wrap text |
Css :: color gradient |
Css :: display none opposite |
Css :: vue scoped css child component |
Css :: before and after pseudo selectors |
Css :: dot in image css |
Css :: css changer la couleur de la sélection |
Css :: display: inline; |
Css :: using tinymce with tailwind css |
Css :: fluorescent blue hex code |