/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 vote232 views2 answers
Text align left top
CSS
0 vote212 views1 answer
Jest test try catch
CSS
11 votes198 views1 answer
Html no cursor when link
CSS
0 vote251 views1 answer
.sidebar { --offset: 2rem; flex-grow: 1; flex-basis: 300px; align-self: start; position: sticky; top: var(--offset); }
CSS
28 votes262 views6 answers
Margin
CSS
9 votes241 views3 answers
Css bottom
CSS
0 vote257 views1 answer
Array_filter use keys
CSS
0 vote234 views1 answer
Css media two conditions
CSS
3 votes241 views2 answers
Css element with id and class
CSS
16 votes238 views2 answers
Css photo circle
CSS

Share