javascript - 如何避免使用 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 默认是一个 block 级元素，因此您需要使用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 */
}

Demo

请注意，从 p 元素中取出 script 标记。另请注意，您正在使用属性来对齐文本，您可以使用 text-align: right; 而不是 align="right" 这样的 CSS 来实现