Question

我目前正在一个网站上工作，并想知道你是否可以帮我解决问题。我希望h1标题与日期在同一行，但由于某种原因我无法使其工作。

CSS代码：

PasswordAuthentication yes
PermitRootLogin yes

HTML代码：

    #content h1 {
    font-family: 'Caveat', cursive;
    color: #262626;
    margin-top: 50px;
    margin-left: 100px;
    padding-bottom: 10px;
    width: 50%;
    border-bottom: 1px solid #ddd;
    float: left;
}

.date {
    float: right;
}

帮助表示赞赏。：）

Answer 1

只需将margin: 0添加到h1和p

即可

#content h1 {
    font-family: 'Caveat', cursive;
    color: #262626;
    margin-top: 50px;
    margin-left: 100px;
    padding-bottom: 10px;
    width: 50%;
    border-bottom: 1px solid #ddd;
    float: left;
    margin: 0;
}

.date {
    float: right;
    margin: 0;
}

<强> jsFiddle

Answer 2

我检查了以下问题的代码您为h1标签添加了一个css属性，即margin-top: 50px;

根据您应用的浮点数，但您没有为.date类应用margin-top: 50px; 只需添加代码

.date {
margin-top: 50px;
float: right;

}

Answer 3

你要找的是漂浮物：

Jsfiddle

 .alignleft {
     float: left;
 }

 .alignright {
     float: right;
 }

他们彼此不完全正确的原因是，你的欢迎是一个h1，它有一些比p更大的造型。可以通过一些自定义样式来解决。

您可以阅读有关左右对齐here

的更多信息

希望这就是你要找的东西。

干杯：）

如何让两个元素在同一高度？

3 个答案: