.parent { position: relative; } .child { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#inner { width: 50%; margin: 0 auto; }
div.center{display:block;margin:auto;width:50%;} p.center{text-align:center;}
# center text .center { text-align: center; border: 3px solid green; }
#inner { width: 50%; margin: 0 auto; } # center text .center { text-align: center; border: 3px solid green; }