在 CSS 中，可以使用以下兩種方法來讓文字在元素的頂部居中：

方法一：使用 line-height 屬性

我們可以使用 line-height 屬性來控制元素中文字的行高，從而讓文字居中。具體實現方式如下：

.content {
height: 200px;
line-height: 200px;
}

上面的代碼中，我們將元素的高度設置為 200px，同時將 line-height 設為 200px，保證了文字的行高等于元素的高度，從而實現了文字的居中。

方法二：使用 display: flex 和 align-items: center 屬性

使用 display: flex 屬性和 align-items: center 屬性也可以實現文字在元素頂部居中。具體實現方式如下：

.content {
display: flex;
align-items: center;
}

上面的代碼中，我們將元素的 display 屬性設置為 flex，這樣就可以將其中的子元素進行 flex 布局。同時，使用 align-items: center 屬性將其中的子元素上下垂直居中。最終實現了文字在元素頂部居中的效果。