CSS 是前端開發中一個非常重要的技術，它可以用來控制網頁中各種元素的樣式和位置。在 CSS 中，Span 是一種常用的元素標簽，它用于定義文本的一小部分區域。

為了在頁面中控制 Span 元素的位置，我們可以使用 CSS 樣式表來設置它的屬性。下面是一段演示如何在 CSS 中控制 Span 元素位置的代碼:

/* 將 Span 元素設置為塊元素 */
span {
display: block;
width: 200px;
height: 100px;
background-color: #ddd;
margin: 0 auto;
}
/* 居中顯示 Span 元素 */
span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* 將 Span 元素放置到網頁中的指定位置 */
span {
position: fixed;
top: 100px;
right: 100px;
z-index: 999;
}

在 CSS 中，使用 display 屬性可以設置 Span 元素的顯示方式。如果將其設置為 block，那么 Span 元素將會占據一整行；如果將其設置為 inline，那么 Span 元素將會和其他文本元素一樣水平排列。

可以使用 position 屬性將 Span 元素的位置設置為絕對或固定位置，使用 top、left、bottom 和 right 屬性可以控制其在網頁中的具體位置。

總之，在 CSS 中，我們可以通過設置 Span 元素的屬性來達到不同的效果，使其達到我們所需的位置和樣式。