CSS文本與圖片對齊是網頁開發中一項非常基礎的技能，它可以幫助我們實現網頁的良好布局與設計。下面我們將為大家介紹一些簡單的實現方式。
首先，我們可以使用“vertical-align”屬性來實現文本與圖片在同一水平線上的對齊。例如：

p{
display: inline-block;
vertical-align: middle;
}
img{
display: inline-block;
vertical-align: middle;
}

在上述代碼中，我們將段落和圖片的“display”都設置為“inline-block”，然后再使用“vertical-align”屬性將它們垂直對齊于同一水平線上。
其次，我們也可以使用“text-align”屬性來對齊文本與圖片。例如：

p{
text-align: center;
}
img{
display: block;
margin: 0 auto;
}

在這個例子中，我們將段落的“text-align”屬性設置為“center”，讓文本居中對齊。而對于圖片，我們將它的“display”設置為“block”，再利用“margin”屬性將其水平居中。
最后，我們還可以使用“float”屬性來實現文本與圖片的對齊。例如：

p{
float: left;
/* 或 float: right; */
}
img{
float: left;
/* 或 float: right; */
margin-right: 10px;
/* 或 margin-left: 10px; */
}

在這個例子中，我們將段落和圖片都設置為浮動，然后再通過添加一些橫向“margin”屬性來控制它們相鄰的距離。
總之，以上是一些實現CSS文本與圖片對齊的基本技巧。我們可以根據網頁需求靈活運用它們，創造出更加好看的布局與設計。