Html 如何在页面上垂直居中排列无序列表?身体是对准中心的

Html 如何在页面上垂直居中排列无序列表?身体是对准中心的,html,Html,我想将无序列表居中,因为页面是文本对齐的居中 下面是另一个使用一些替代方法的示例 我修改了第一个示例以包含您的html .外部{ 显示:表格; 位置:绝对位置; 身高:100%; 宽度:100%; } .中{ 显示:表格单元格; 垂直对齐:中间对齐; 文本对齐:居中; } .内部{ 左边距:自动; 右边距:自动; 宽度:350px; 背景颜色:浅灰色; 边框:1px纯黑; } 第一个标题 这是一个无序列表的示例段落 第一项 第二项 第三项 <div id="header">

我想将无序列表居中,因为页面是文本对齐的居中

下面是另一个使用一些替代方法的示例

我修改了第一个示例以包含您的html

.外部{ 显示:表格; 位置:绝对位置; 身高:100%; 宽度:100%; } .中{ 显示:表格单元格; 垂直对齐:中间对齐; 文本对齐:居中; } .内部{ 左边距:自动; 右边距:自动; 宽度:350px; 背景颜色:浅灰色; 边框:1px纯黑; } 第一个标题 这是一个无序列表的示例段落

第一项 第二项 第三项
<div id="header">
    <h3>The first header</h1>
    <p>This is a sample paragraph with unordered list</p>
    <ul>
        <li>first item</li>
        <li>second item</li>
        <li>third item</li>
    </ul>   
</div>