CSS是一門用于樣式設計的語言，它能夠幫助我們統一網站的外觀風格，為用戶提供更好的瀏覽體驗。其中，將圖片與左右對齊是其一個重要的應用場景。接下來，讓我們來學習如何使用CSS來實現這一效果。

<style>
.align-left {
float: left;
margin: 0px 10px 10px 0px;
}
.align-right {
float: right;
margin: 0px 0px 10px 10px;
}
</style>
<img src="example.jpg" class="align-left">
<p>這里是一段關于圖片的描述。</p>
<img src="example.jpg" class="align-right">
<p>這里是另一段關于圖片的描述。</p>

我們可以看到，在CSS代碼中，我們定義了兩個類，分別為.align-left和.align-right。這兩個類的作用是將圖像向左或向右對齊，并設置一定的邊距以避免與文字緊密排列。在HTML代碼中，我們為兩個圖片分別添加了對應的類，并且在每個圖片后面添加了一段相關的描述文字，以幫助用戶了解圖片中的內容。

最終的效果是，兩個圖片分別在左側和右側對齊，并且自動保持正文的排版格式。這種技術可以使得頁面更加美觀、清晰，提高用戶的閱讀體驗。