How to center the positioned text horizontally and vertically

	//left: 50%;
	//top: 50%;
// Horizontal vertical center 
  	//transform: translate(-50%, -50%);
  	// These three are the solutions to make it vertically centered after using absolute positioning 
div{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 130px;
  height: 100px;
  z-index: 999;
  opacity: 0.5;
}


// Horizontal center 
  p{
    position: absolute;
    bottom:10px;
left: 50%;
transform: translate(-50%, 0);
  }