CSS是一種常用的前端樣式語言，它可以讓我們控制網頁的外觀和布局，其中最重要的就是圖片和文本的對齊方式。

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

在上面的代碼中，我們給圖片和文本都設置了display: inline-block;屬性，這是因為它可以使二者都變成可調整大小的inline-block元素，從而可以方便地進行對齊操作。

同時，為了讓圖片和文本在垂直方向上居中對齊，我們還給它們都加上了vertical-align: middle;屬性。這樣，無論圖片的大小如何，它都可以和相鄰的文本垂直居中對齊。

除了上述方法外，我們還可以使用一些其他的技巧來實現圖片和文本的對齊，例如使用CSS Flexbox或者CSS Grid布局。不過不管使用何種方式，確保圖片和文本在界面上的對齊方式一致，可以讓頁面整體看起來更加美觀和統一。