HTML中的列表默認會顯示在左邊界的右側，但是我們可以通過CSS來調整列表的位置，將其移動到左側。下面是一段CSS代碼示例，可以將一個有序列表移動到頁面的左側。
pre {
white-space: pre-wrap;
word-wrap: break-word;
}
ol {
list-style-position: inside;
padding-left: 0;
margin: 0;
}
li {
margin: 0 0 10px 0;
padding: 0;
line-height: 1.3em;
list-style-type: decimal;
list-style-position: inside;
text-indent: 0;
}
在上面的代碼中，我們首先使用了pre標簽來將CSS代碼顯示為預格式的文本。接下來，我們針對有序列表（ol）、列表項（li）以及整個列表進行了一些CSS設置，使得列表項能夠正確地顯示在頁面左側。
其中，我們使用了list-style-position屬性來設置列表項標記的位置。由于這里我們想要將標記放在文本的左側，所以這個屬性的值應該為inside。
還需要注意的是，我們要將列表項的縮進（text-indent）設置為0，以便使其在自己的行內位置上靠左側，而不是在前面預留出一定的空白。
最后，我們還可以進一步地對列表項的樣式進行設置，例如調整它們之間的間距、行高、標記的形狀等等，以便讓它們在頁面上更美觀地顯示。