3 Ways To Center Stuff With CSS You are reading Tutorial from KiMiDev <div class='demo'> <div class='center-item'></div> </div> <style> .center-item{ background-color: reg; width:100px; height:100px; } .demo{ position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .demo{ position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; } .demo-parent{ display: flex; align-items: center; justify-content: center; } </style> Previous Next Home
3 Ways To Center Stuff With CSS You are reading Tutorial from KiMiDev <div class='demo'> <div class='center-item'></div> </div> <style> .center-item{ background-color: reg; width:100px; height:100px; } .demo{ position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .demo{ position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; } .demo-parent{ display: flex; align-items: center; justify-content: center; } </style>