CSS數字和文字對齊是一個經常被忽略的問題，但是它對于網站的可讀性和視覺效果非常重要。

當數字和文字在同一行顯示時，它們的基線可能不同，因此它們看起來不太一樣。我們可以使用CSS中的一些屬性來解決這個問題。

.align {
display: flex;
align-items: baseline;
}
.align span {
font-size: 16px;
line-height: 24px;
}
.align .number {
font-size: 24px;
}

上面的代碼演示了如何使用CSS Flexbox屬性來對齊數字和文字。我們將它們的底線對齊，這樣它們的間隙將更加均勻。

還有另一種技術，我們可以使用vertical-align屬性來控制元素相對于它們的父元素的垂直位置。

.align span {
vertical-align: middle;
}
.align .number {
vertical-align: baseline;
}

這段代碼將數字和文字垂直居中，然后將數字的底線與文字對齊。

總而言之，我們可以使用CSS屬性控制數字和文字的對齊方式，這樣可以讓網站更加易讀和美觀。