CSS的文字水平自動移動效果是一種非常實用的特效，可以讓網頁更加生動有趣。實現這一效果有兩種方式，分別是使用CSS3的animation屬性和使用CSS2的marquee屬性。

下面是使用animation屬性實現文字水平自動移動的代碼：

.marquee {
white-space: nowrap;
overflow: hidden;
animation: marquee 10s linear infinite;
}
@keyframes marquee {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}

上述代碼將一個元素的animation屬性設置為名為marquee的動畫，然后在@keyframes規則中定義了從初始狀態到結束狀態的動畫效果，使用transform: translateX()實現文字水平移動的效果。可以根據需要調整animation屬性的值，例如動畫的持續時間、動畫的速度等。

下面是使用marquee屬性實現文字水平自動移動的代碼：

<marquee behavior="scroll" direction="left" scrollamount="8">
這里是需要自動移動的文字
</marquee>

上述代碼將一個<marquee>元素設置為橫向滾動，并根據需要設置了滾動速度。這種方式雖然可以很方便地實現文字水平移動的效果，但同樣有一些缺點，例如在一些瀏覽器上不被支持，而且對屏幕閱讀器等輔助技術的支持也不夠友好。

綜上所述，使用CSS3的方式實現文字水平自動移動的效果更加優雅、靈活、易于維護，而使用CSS2的方式則更加方便、快速、直接。開發者可以根據自己的需求選擇合適的實現方式。