how to center align the html element in css examples
Example 1: center with css
.parent {
position: relative;
}
.child {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
Example 2: how to horizontal center a div in css
#inner {
width: 50%;
margin: 0 auto;
}
Example 3: centering horizontally
div.center{display:block;margin:auto;width:50%;}
p.center{text-align:center;}
Example 4: how to center align the html element in css examples
#inner {
width: 50%;
margin: 0 auto;
}
# center text
.center {
text-align: center;
border: 3px solid green;
}