html - 无法排列有序列表

Question

我有this site在文本 block 下面有一个元素列表，但我无法让它在文本 block 下面排列列表，然后将 DIV #contact 放在列表下面。我不确定是我的 HTML 格式不正确，还是我的 CSS 中缺少某些内容。

这是相关的 CSS(我认为):

#johnfrye ul li {
    font-size: 1.4em;
    font-family:Arial, Helvetica, sans-serif;
    line-height: 1.45em;
    padding-top:50px;
    padding-left:5px;
    list-style:inside;
    list-style-position:inside;
    list-style-type:disc;
    margin-left:40px;
}

#contact {
    position:absolute;
    right:auto;
    left:auto;
    margin-left:30%;
    margin-right:30%;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight:normal;
    font-size:1.25em;
    padding:5px;
}

Answer 1

我将您的 UL 样式更改为以下内容，我也同意 samyoul 的观点 - 为 UL 提供一个类并为该类设置样式(以防您使用另一个 UL 并希望采用不同的样式)。

ul {
    list-style: none outside none;
    margin: auto auto 5em;
    text-align: center;
    width: 120px;
}