在CSS中，我們可以使用標簽來定義HTML文檔中特定部分的樣式。span標簽是一個行級元素，它可以對文本或其他HTML元素進行樣式設(shè)置。

span {
display: inline;
position: relative;
left: 20px;
top: -10px;
}

在上述代碼中，我們使用display: inline;來保證span標簽在一行內(nèi)顯示。然后，使用position: relative;來定義標簽的相對位置。接著，我們可以使用left和top屬性來調(diào)整標簽的水平和垂直位置。在這個例子中，我們將標簽向右移動了20像素，向上移動了10像素。

除了使用相對位置，我們也可以使用絕對位置來定義標簽的位置。在這種情況下，我們必須指定標簽的父級元素為相對定位，以確保標簽的位置是相對于其父級元素而不是文檔的。

.parent {
position: relative;
}
span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

在上述代碼中，我們首先將父級元素設(shè)置為相對定位。然后，使用position: absolute;來絕對定位標簽。在這個例子中，我們使用top: 50%;和left: 50%;將標簽放置在其父元素的中心。最后使用transform屬性移動標簽的左上角到中心位置。

對于頁面布局，定義span標簽的位置是非常有幫助的。采用這種方法可以讓您的頁面排布更加靈活，并且可以在不改變HTML代碼結(jié)構(gòu)的情況下改變元素的位置。