在網站中，圖片和文字的排版和對齊都是重要的設計元素。使用CSS可以實現不同的排版和對齊方式。下面我們來介紹一下和文字對齊的CSS：

img {
float: left;
margin-right: 20px;
}
p {
text-align: justify;
text-justify: inter-ideograph;
}

以上代碼實現了左浮動的圖片和兩端對齊的文字。

首先，我們來看一下標簽的CSS。通過float:left進行左浮動，可以使圖片和文字排列在同一行，并緊密相連。同時設置margin-right：20px，可以在圖片和文字之間留出一些空隙。

接著，我們看一下文字的CSS。使用text-align:justify和text-justify:inter-ideograph可以實現兩端對齊的效果。其中text-align:justify會將文字沿著行寬自動調整至兩端對齊，而text-justify:inter-ideograph可以防止文字的間距過寬。

總之，通過以上CSS，我們可以輕松實現圖片和文字的排版和對齊。使用CSS來優化網頁設計，為用戶帶來更好的瀏覽體驗。