CSS是網頁開發中不可或缺的一部分。它可以幫助我們實現很多有趣的效果，比如圖片和文字的定位。在CSS中，我們可以使用不同的屬性來調整這些元素的位置。

/*圖片定位*/
img{
position: absolute;
top: 20px;
left: 50px;
}
/*文字定位*/
p{
position: relative;
top: -10px;
left: 20px;
}

在上述代碼中，我們先使用了position屬性來告訴瀏覽器我們將要調整元素的位置方式。其中，圖片使用了絕對定位（absolute），而文字使用了相對定位（relative）。

對于圖片，我們可以使用top和left屬性來調整Y軸和X軸的位置。在這個例子中，圖片被設定為距離頂部20像素，距離左側50像素的位置。這樣，我們就可以將圖片放置在我們希望的位置上了。

而對于文字，我們同樣可以使用top和left屬性，來讓它相對于原來的位置，向上或者向左移動。在這個例子中，我們將它向上移動了10像素，向左移動了20像素。這讓我們可以將文字的位置與圖片的位置對齊，或者放置到合適的位置上。

總的來說，CSS可以幫助我們非常容易地定位圖片和文字。我們只需要使用一些簡單的屬性，就可以讓我們的網頁看起來更加美觀和整潔。