在網頁設計中，左右字排版是一種經典的排版方式，在一些特定場合下也是非常實用的。在 CSS 中，我們可以使用浮動、定位、彈性盒子等多種方式實現左右字排版。接下來我們就來看一看這些實現方式。

.left-right{
float: left;
width: 50%;
}
.left{
float: left;
width: 50%;
}
.right{
float: right;
width: 50%;
}

如上代碼使用的是浮動實現左右字排版，我們先定義一個 left-right 的包裹框，然后將其內部元素的寬度設為 50%。再通過為左側元素設置 float: left，右側元素設置 float: right 的方式實現左右排版。

.left-right{
display: flex;
}
.left{
flex: 1;
}
.right{
flex: 1;
}

如上代碼使用的是彈性盒子實現左右字排版。我們將左右兩側元素都設為彈性盒子，并將 left 和 right 兩個元素的 flex 屬性都設為 1，這樣就可以讓它們平分容器寬度。

.left-right{
position: relative;
}
.left{
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 50%;
}
.right{
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 50%;
}

如上代碼使用的是定位實現左右字排版。我們在 left-right 包裹框上設置相對定位，再將左右兩側元素設為絕對定位，并使用 left 和 right 屬性將它們定位到左右兩側。同時設置 top 和 bottom 屬性使兩側元素的高度自適應容器高度。

以上就是三種用 CSS 實現左右字排版的方式，可以根據具體需求來選擇使用哪種方法。通過掌握這些實現方式，你可以為你的網站添加更多的排版效果，使設計更加靈活多樣。