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

How to get headline and button/link inline

本文关键字：链接 按钮 何获得 标题      更新时间：2023-09-26

我不知道如何获得h1和内联按钮。我什么都试过了

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

尝试以下操作

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

使用以下代码段

.parent{
  display:inline-block;
  }
            <div class="parent>
            
            <h1 id="h1">h1</h1>
            <a href="#" id="Btn" class="button">Btn</a>
            
            </div>

试试下面的Css代码:

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

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

就是这么简单:

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