在網頁設計中，我們通常會希望將一些文字放置在一個框中，并且讓它們緊貼框的頂部。要實現這個效果，我們可以使用CSS來進行設置。

.box {
padding-top: 0;
margin-top: 0;
border: none;
position: relative;
}
.box:before {
content: "";
display: block;
height: 0;
margin-top: -20px;
}
.box p {
margin-top: 20px;
position: relative;
z-index: 1;
}

首先，我們為框（box）設置了一些初始值，使得它的padding和margin值為0，同時取消了邊框。接著，在box的內容之前，我們插入了一個偽元素(:before)，并給它設置了display:block屬性，使其成為可見元素。

這個偽元素雖然沒有具體的內容，但它有一個固定高度（height），并且它的margin-top屬性值為負數，這樣就會讓它位于box的頂部，占據一定的位置。

最后，在box中的所有段落（p）中，我們設置了一個與偽元素等高的margin-top值，并且讓它們相對于box進行定位，使得所有文字都在偽元素下面，同時考慮到z-index值為1，避免與其他元素的位置沖突。

通過這樣的方式，我們就可以輕松地將文字放置在框的頂部，并且保持美觀的布局效果。