在CSS中，您可以使用vertical-align屬性將文本放置在元素的頂部，以下是一些示例代碼，展示如何將文本放置在元素的頂部：

1、使用vertical-align: top;將文本放置在元素的頂部：

<div style="height: 100px; background-color: #f0f0f0;">
  <p style="vertical-align: top;">這是一段文本，將被放置在元素的頂部。</p>
</div>

2、使用vertical-align: top;將文本放置在圖像元素的頂部：

<div style="height: 100px; background-color: #f0f0f0;">
  <img style="vertical-align: top;" src="image.jpg" />
  <p style="vertical-align: top;">這是一段文本，將被放置在圖像的頂部。</p>
</div>

vertical-align屬性僅適用于行內(nèi)元素（如span、img等），而不適用于塊級元素（如div、p等），對于塊級元素，您可以使用其他方法（如position: relative;和top: 0;）來實現(xiàn)類似的效果。

如果您希望將文本放置在頁面的頂部，而不是特定元素的頂部，您可以使用CSS的position: fixed;屬性將文本固定在頁面的頂部。

<div style="position: fixed; top: 0; left: 0; right: 0; background-color: #f0f0f0;">
  <p>這是一段文本，將被放置在頁面的頂部。</p>
</div>