CSS居中和左對齊是網頁設計中經常用到的技巧。下面是一些實用的CSS代碼，可用于將文本或網頁中的元素居中或左對齊。

//將元素水平居中
div {
width: 300px;
margin: 0 auto;
}
//將文本水平居中
p {
text-align: center;
}
//將元素垂直居中
div {
height: 100px;
display: flex;
justify-content: center;
align-items: center;
}
//將文本垂直居中
p {
height: 100px;
display: flex;
justify-content: center;
align-items: center;
}
//將元素左對齊
div {
float: left;
}
//將文本左對齊
p {
text-align: left;
}

以上代碼可根據具體需求進行修改。例如，將元素垂直居中時，可根據元素的高度和父元素的高度進行微調，確保元素能夠完全居中。