如何在标题旁边放置按钮?

我认为使用float:right将修复此问题,但它会使按钮显示在div之外。如何解决此问题

HTML

<div id=“main”>
<h1>标题&lt/h1&gt&书信电报;按钮>按钮&lt/按钮>
&lt/部门>

CSS

主{
宽度:200px;
边框:1px点黑色;
}
h1{
保证金:0;
}
钮扣{
浮动:对;
}

JSFIDLE

给您的h1显示:内联块以允许元素占用同一行

\main{
宽度:200px;
边框:1px点黑色;
}
h1{
保证金:0;
显示:内联块;
}
钮扣{
浮动:对;
}
<div id=“main”>
<h1>标题&lt/h1&gt&书信电报;按钮>按钮&lt/按钮>
&lt/部门&gt

发表评论