新手求問網頁設計：如何在一個列表中等級較低的項目前加空格？

大家好。我在瀏覽公司網站的時候發現一些比較明顯的影響瀏覽的問題，上週要了網站管理的權限想試着改正；一些不太難的問題解決了（比如某個產品放錯了目錄這樣的邏輯問題，還有更換鏈接這樣可以搜關鍵字然後替換的）。

目前想解決的'問題是：網頁有一個邊欄，邊欄中是產品目錄，點進任意一個產品後邊欄中也會顯示這個產品在目錄中的路徑；問題是，我可以看到每個子目錄都比上一級的目錄起始的位置往右了一點點，但是很不明顯，看起來就像所有的目錄/子目錄都是同一個級別。

我希望能做到以下任意一種效果：
1 - 每個子目錄前增加空格，約4個字母的大小，能區分即可，如圖（經PS）所示：


2 - 不同級別的目錄使用不同的字體大小；

3 - 對當前所在的目錄路徑使用其他顏色如黑色並加粗或斜體。

如果你需要這部分的代碼，我可以私信。 大家好。我在瀏覽公司網站的時候發現一些比較明顯的影響瀏覽的問題，上週要了網站管理的權限想試着改正；一些不太難的問題解決了（比如某個產品放錯了目錄這樣的邏輯問題，還有更換鏈接這樣可以搜關鍵字然後替換的）。

目前想解決的問題是：網頁有一個邊欄，邊欄中是產品目錄，點進任意一個產品後邊欄中也會顯示這個產品在目錄中的路徑；問題是，我可以看到每個子目錄都比上一級的目錄起始的位置往右了一點點，但是很不明顯，看起來就像所有的目錄/子目錄都是同一個級別。
如圖所示：
…