如何避免使用p标签转到新行？

Question

我想要的输出是: -

Date: "current date"

我目前的代码是: -

<p align="right">Date: </p>
    <p id="demo" align="right">
    <script>
    var d = new Date();
    document.getElementById("demo").innerHTML = d.toDateString();
    </script>
</p>

这给了我输出为:

Date:
"current date"

那么我怎样才能避免换行,以便我可以将两个元素放在同一行？

Answer 1

您可以更改标记,但我认为您无法控制HTML,因此,默认情况下p是块级元素,因此您需要使用display: inline-block;或display: inline;

p {
    display: inline; /* Better use inline-block if you want the p 
                        tag to be inline as well as persist the block 
                        state */
}

演示

只是为你准备,从元素中取出你的script标签p.另请注意,您使用属性来对齐文本,您可以使用CSS text-align: right;而不是align="right"