如何更改 onclick 文本的位置？

Question

大家好，我是新手 html。

基本上；

当我这样做时，文本显示在按钮下方。我想要它在按钮旁边（右）

我该怎么做？

Answer 1

将 display:inline-block 添加到 p 标签

试试这个。

<button onclick="myFunction()">Click me</button>
 <p id="demo" style="display:inline-block"></p>

Answer 2

恐怕你需要花更多的时间来了解这一点。实际上，您需要使用 CSS 来设置 Javascript 输出的 HTML 的样式。

CodeSchool 和 Codecademy 都有很好的学习 HTML、CSS 和 Javascript 基础知识的教程。如果你想自己做这类事情，你需要学习这些基础知识。

我已将您的示例复制到 CodePen 中，这有助于向您展示 HTML、CSS 和 Javascript 所扮演的角色。例如，CSS 可以是；

button{
    float:left;
    margin-right:5px;
}

#demo{
    float:left;
}

Answer 3

首先你要知道，在HTML中有inline个元素，例如<span>和block 个元素，例如 <div>。这意味着，这个词说的是什么。

您可以测试差异：

// block
<div>div1</div>
<div>div2</div>

// inline
<span>span1</span><span>span2</span>

示例中使用了 <p> 标签，它是一个块元素。所以你看到下面的文字。

<button> 是内联元素。如果您只是使用跨度：

<span id="demo"></span>

有效！

How to change onclick text's position?