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

1 vote368 views1 answer
Html center video
CSS
13 votes340 views3 answers
Repeat css
CSS
4 votes389 views2 answers
Import fontawesome
CSS
2 votes380 views1 answer
Width 100% with padding
CSS
0 vote426 views3 answers
Add custom css to wordpress menu item
CSS
0 vote350 views1 answer
How to resize img in css
CSS
8 votes359 views2 answers
Text that shows an underline on hover
CSS
17 votes377 views4 answers
Css center element on screen
CSS
36 votes383 views4 answers
Adding gradient to text color
CSS
12 votes378 views1 answer
How to make borders rounded in css
CSS