CSS 導航列文字置中失敗：absolute 定位干擾 text-align，改用 flex 或 inline-block 佈局

原始碼中 .nav ul li a 設定 position: absolute; left: -20px; 導致文字脫離文件流，text-align: center 無效。解決方案：

1. 移除 absolute 定位，改用 display: inline-block 或 flex 佈局。
2. 在 li 設定 text-align: center，a 設定 display: block 撐滿寬度。
3. 或將文字包裹在 <div align="center"> 中（不推薦）。

現代 CSS 建議：

.nav ul { display: flex; }
.nav ul li { flex: 1; text-align: center; }
.nav ul li a { display: block; padding: 0 10px; }