在網站設計中，經常需要將兩段文字在同一行對齊。使用CSS實現這種對齊可以使網頁更加美觀、易讀。下面我們將介紹如何使用CSS實現兩段文字在同一行對齊。 首先，在HTML代碼中我們需要使用p標簽來包裹兩段文字。為了更好地展示CSS代碼，我們使用pre標簽將代碼進行排版。代碼如下：

<div class="align">
<p>左側文字</p>
<p>右側文字</p>
</div>

接下來，我們需要在CSS中添加一些樣式來使這兩段文字在同一行對齊。具體步驟如下：

.align {
display: flex;         // 使用flex布局
}
.align p {
flex: 1;               // 進行平均分配，讓左右兩側的文字占據相同的寬度
margin: 0;             // 去除p標簽的默認margin，使兩段文字更加緊湊
}

通過以上CSS代碼，我們可以實現左右兩段文字在同一行對齊并且占據相同的寬度。如果需要讓其中一段文字居右或者居中，可以再加入一些CSS樣式來實現。 在實際運用中，我們可以使用這種方法來實現網站導航、頁面標題等排版布局，使網頁更加美觀、易讀，提升用戶體驗。