HTML列表居中代碼
在HTML中,列表是網頁中常見的元素。但是,如果您想要將列表居中,您可能會遇到一些挑戰。下面是一些HTML列表居中代碼的示例,可以幫助您輕松解決這些問題。
首先,我們將使用HTML的無序列表(ul)標簽來創建一個基本的列表。在此示例中,列表將包含三個項目:“項目1”,“項目2”和“項目3”。
<ul> <li>項目1</li> <li>項目2</li> <li>項目3</li> </ul>該列表將如下所示:
- 項目1
- 項目2
- 項目3
<style> ul { text-align: center; } li { display: inline-block; } </style>此代碼將為列表添加樣式,并將其居中,如下所示:
- 項目1
- 項目2
- 項目3
<style> ul { text-align: center; } li { display: inline-block; font-size: 24px; color: blue; } </style>此代碼將更改列表項的樣式,如下所示:
- 項目1
- 項目2
- 項目3