//HTML <div class="parent"> <span>Hello World</span> </div> //CSS .parent { display: flex; justify-content: center; align-items: center; }
.parent { position: relative; } .child { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#inner { width: 50%; margin: 0 auto; }