HTML是一種標記語言，用于創建網頁。它由各種標簽和屬性組成，可以很容易地編輯和修改網頁。當我們想要設置一個元素與頁面左側或右側的距離時，可以使用CSS樣式來完成。下面是一個使用CSS樣式設置左右距離的HTML示例：
<!DOCTYPE html>
<html>
<head>
<title>設置左右距離的HTML示例</title>
<style>
/* 創建一個類名為left的樣式，設置元素距離頁面左側為50像素 */
.left {
margin-left: 50px;
}
/* 創建一個類名為right的樣式，設置元素距離頁面右側為50像素 */
.right {
margin-right: 50px;
}
</style>
</head>
<body>
<h1>使用CSS樣式設置元素的左右距離</h1>
<p class="left">這是一個在頁面左側50像素的段落</p>
<p class="right">這是一個在頁面右側50像素的段落</p>
</body>
</html>在這個例子中，我們使用了<style>標簽來定義CSS樣式。使用“.left”類名設置元素距離頁面左側為50像素，而使用“.right”類名設置元素距離頁面右側為50像素。然后，在HTML中使用<p>標簽創建兩個段落元素，并使用“class”屬性將它們分別設為“left”和“right”類。
這樣，我們就得到了一個在頁面左側和右側各有一個段落距離的網頁。通過CSS樣式，我們可以輕松地控制元素的位置，使網頁更加美觀和易讀。