如何更改onclick文本的位置？

Question

大家好，所以我对所有这些HTML内容都很陌生。

基本上;

http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_onclick

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

我该怎么做？

Answer 1

将display:inline-block添加到p代码

试试这个。

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

小提琴：https://jsfiddle.net/9yqs14p4/

Answer 2

我担心你需要花更多的时间来学习这个。实际上，您需要使用CSS来设置Javascript输出的HTML样式。

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

https://www.codeschool.com/

https://www.codecademy.com/

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

http://codepen.io/tombeynon/pen/rVQvMO

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

#demo{
    float:left;
}

Answer 3

首先，您必须知道，在HTML中有内嵌元素，例如<span>和阻止元素，例如<div>。这意味着，这个词说的是什么。

您可以测试差异：

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

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

在示例中使用了<p>标记，它是一个块元素。因此 你看到下面的文字。

<button>是一个内联元素。如果你只是使用span：

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

它有效！