CSS是指層疊樣式表（Cascading Style Sheets），它可以讓開發者更容易地控制網頁的布局和樣式。其中一個常用的布局效果就是左圖右字模板。

.container {
display: flex;
flex-direction: row;
align-items: center;
}
.image {
width: 50%;
padding-right: 20px;
}
.text {
width: 50%;
padding-left: 20px;
}

以上代碼展示了如何使用flex布局實現左圖右字模板。首先，將容器設置為flex布局，橫向排列。接著，利用align-items屬性將圖像和文字垂直居中。最后，為圖像和文字各自設置寬度，并為圖像添加右側的內邊距，為文字添加左側的內邊距，從而達到左圖右字的布局效果。