加了定位的文字如何水平垂直居中

	//left: 50%;
	//top: 50%;
//水平垂直居中
  	//transform: translate(-50%, -50%);
  	//这三个是使用绝对定位后使其垂直居中的解决方法
div{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 130px;
  height: 100px;
  z-index: 999;
  opacity: 0.5;
}


//水平居中
  p{
    position: absolute;
    bottom:10px;
left: 50%;
transform: translate(-50%, 0);
  }