CSS垂直左右居中對齊是前端開發中經常用到的技巧之一。它適用于絕大多數Web頁面，特別是對于需要設定固定寬度和高度的元素。下面我們通過代碼實現垂直左右對齊的方法：

.center-div {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.center-div p {
display: inline-block;
vertical-align: middle;
padding: 10px;
}

上面的代碼中，我們首先將元素的定位設置為absolute，然后將top屬性和left屬性設置為50%，使元素的中心確定在頁面的中心位置。最后使用transform屬性和translate函數，讓元素向左、向上移動50%的元素寬度和高度，從而實現垂直和水平居中。

而vertical-align:middle;是設置行內元素垂直居中的方法，同時為了讓inline-block元素能夠水平居中，使用了text-align:center;屬性。以上代碼就可以使用于像素單位固定寬高的元素。

總的來說，這是一種非常實用的技巧，能夠使Web頁面的布局更加美觀和穩定。如果您對CSS居中、定位和布局等特效有興趣，可以進一步深入學習和研究。