How to center a absolute position div or any items in css

 position: absolute;

 top: 50%;

 left: 10%;

 transform: translate(-50% ,-50%);