如何在html中将我的文本和链接保持在同一行

Question

这是我的代码

CODE http://puu.sh/cSfQh/298a44fb3b.png

但它最终会像这样 http://puu.sh/cSfEk/857e4a15a8.png 我希望他们在同一条线上。

Answer 1

我会选择display: inline-block;。请确保将其放在<h4 >标记中，因为这是导致创建新行的（块）元素。

如，

<small>Posted</small><h4 style="display:inline"><a href="">Our</a></h4>

Answer 2

也许，尝试添加：

display: inline-block;

在CSS中

。您也可以直接在HTML代码中使用style="display: inline-block;"。

Answer 3

将此添加到css，它应该可以工作：

small {
    float: left;
    // or
    display: inline-block;
}

Answer 4

你试过吗？

display：inline-block;

Answer 5

将此添加到css应该执行rtrick

small ,h4 {
    display: inline;
}

OR

small , h4 {
    display: inline !important;
}