/CSS/How to horizontal center a div in css

How to horizontal center a div in css

Center with css

.parent {
  position: relative;
}
.child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

27

How to horizontal center a div in css

#inner {
  width: 50%;
  margin: 0 auto;
}

2

Source: stackoverflow.com

Similar codes

1 vote331 views1 answer
Repeat autofill css grid minmax
CSS
1 vote299 views2 answers
Textarea scale to content
CSS
-1 vote325 views1 answer
Neomorphic box
CSS
9 votes320 views4 answers
How to stop form from submitting on enter
CSS
1 vote301 views2 answers
Eloquent map collection
CSS
0 vote322 views2 answers
Icon inside a circle css
CSS
69 votes301 views4 answers
White rgb
CSS
0 vote304 views1 answer
Flex starty
CSS
13 votes308 views3 answers
How to change cursor in css on hover
CSS
0 vote306 views1 answer
Download styles.css
CSS

Share