如何获得标题和按钮/链接联机

Question

我不知道如何获得h1和按钮内联。我已经试过各种

<h1 id="h1">Text</h1> 
 
\t <a href="#" id="Btn" class="button">Btn</a>

Answer 1

请尝试以下

<h1 id="h1" style="float:left;margin:0">H1</h1> 
 
<a style="float:left" href="#" id="Btn" class="button">Btn</a>

Answer 2

使用此片段

.parent{ 
 
    display:inline-block; 
 
    }

  <div class="parent> 
 
      
 
      <h1 id="h1">h1</h1> 
 
      <a href="#" id="Btn" class="button">Btn</a> 
 
      
 
      </div> 
 
     

Answer 3

试试这个CSS代码：

h1,a{ 
float:left; 
display:inline-block; 
} 

Answer 4

如果元素有一个父只需添加display: inline-block父。如果不是，则必须将display: inline-block添加到每个元素。

Answer 5

这是这么简单：

#h1, #Btn { 
    display: inline-block; 
    margin: 0; 
    vertical-align: middle /* the type of alignment you're looking for */ 
}