Css 有人能告诉我为什么有一列正好排在div框的墙上吗?

Css 有人能告诉我为什么有一列正好排在div框的墙上吗?,css,text,alignment,Css,Text,Alignment,我想知道为什么所有的文本看起来都很好,但是那个…用“#text a”格式化的文本 下面是我格式化文本的尝试:尝试添加display:block: #text a { color: #151515; font-family: Arial, Helvetica, sans-serif; text-align: left; font-size: 14px; padding-left: 15px; padding-right: 15px; font

我想知道为什么所有的文本看起来都很好,但是那个…用“#text a”格式化的文本


下面是我格式化文本的尝试:

尝试添加
display:block

#text a {
    color: #151515;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 14px;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: normal;
    display: block;
}
JSBin:

a
元素相比,标题元素(
h1
h2
等)具有不同的默认格式

在您给出的示例中,为文本段落使用
p
元素可能在语法上更正确
a
通常用于内联超链接(尽管HTML5允许将块级元素放在
a
元素中。如果是这样,我仍然建议只在
a
标记中使用
p
标记。)

如果您将元素用于预期的目的,而不是重新设置元素的样式以使其像其他元素一样工作,那么您可能不会那么头疼(情况并非总是如此,但举例来说,试图让
span
h1
一样工作可能会给人带来更多的麻烦,而不是一开始就使用
h1
。这只是一个建议。)

但是,如果您的特定用途要求您的
a
与示例中的其他块级元素类似,则只需将
display:block
添加到
#text a

#text a {
    // other styles
    display: block;
}

请把你的密码放在你的问题里。