Css flex center

display: flex;
align-items: center;
justify-content: center;

Flexbox align right and left

.primary-nav {
    display:-webkit-flex;
    display:flex;
    list-style-type:none;
    padding:0;
    justify-content:flex-end;
}

.left {
    margin-right:auto;
}

Source: stackoverflow.com

How center content in css by using flex

	display: flex;
    width: 60%;
    justify-content: center;
    margin: 0 auto;

Flex align top css

align-items: flex-start | flex-end | center | baseline | stretch

.container {
  display: flex;
  align-items: flex-start;
}

Source: css-tricks.com

Center div css flex

section {
  width: 200px;
  border: 1px solid #2d2d2d;
  display: flex;
  justify-content: center;
}

How to horizontally center header at the top of page with flexbox css

.box.flex {
  display: flex;
  justify-content: center;
}

Source: alligator.io

Similar codes

0 vote127 views1 answer
Space between label and input form
CSS
0 vote135 views2 answers
Css cut text of
CSS
10 votes145 views4 answers
Bootstrap badges Links
CSS
67 votes127 views6 answers
Media query in css
CSS
12 votes128 views3 answers
Sticky header css
CSS
0 vote126 views1 answer
Roam research
CSS
0 vote129 views1 answer
Alinhar ao centro align item css
CSS
4 votes127 views3 answers
Background with image and gradient
CSS
6 votes134 views4 answers
Webkit-line-clamp browser support
CSS
0 vote151 views1 answer
Foreach and if condition in qweb
CSS