CSS文字同側排列是指在一行內多個文字內容在同一側對齊，比如左對齊或右對齊。

我們可以使用CSS的text-align屬性來設置文字在一行內的對齊方式。例如，要讓一行中的文字左對齊，我們可以這樣寫：

p {
text-align: left;
}

同樣的，要讓文字右對齊，我們可以這樣寫：

p {
text-align: right;
}

如果要讓文字居中對齊，我們可以這樣寫：

p {
text-align: center;
}

我們也可以使用text-align屬性來實現在一個盒子中垂直居中對齊。首先，要讓文字在盒子中居中顯示，可以設置line-height和height屬性相等，如下：

p {
height: 50px;
line-height: 50px;
}

然后，要讓文字在盒子中垂直居中對齊，我們可以使用text-align屬性和vertical-align屬性組合，如下：

p {
height: 50px;
line-height: 50px;
text-align: center;
display: inline-block;
vertical-align: middle;
}

以上就是CSS文字同側排列的基本內容。