带有标题和编辑按钮的html框

我制作了一个html框，应该在右边有一个标题和一些按钮

一切似乎都很好，除了你可以看到的编辑按钮在标题下面一点，这不应该是这种情况，它们应该在同一个确切的级别

---

我如何做到这一点，我的代码是不是一团糟？有没有更好的方法来做这样的事情？

我将h1和edit link标记移到了div容器中。检查我的代码版本

要处于完全相同的级别，html元素必须位于容器内（如在我的小提琴中），或者应该使用2个内联html元素

试着阅读关于html和css的文章，它们有很多你可以在短时间内学到的信息

W3HTML参考

W3CSS参考

编辑：h1是块元素，这意味着它将添加新行。因此，我添加了一个新的css样式

.inline

，并将块属性更改为inline

.inline { display: inline }

---

我在一个div容器中移动了h1和edit-link标记。检查我的代码版本

要处于完全相同的级别，html元素必须位于容器内（如在我的小提琴中），或者应该使用2个内联html元素

试着阅读关于html和css的文章，它们有很多你可以在短时间内学到的信息

W3HTML参考

W3CSS参考

编辑：h1是块元素，这意味着它将添加新行。因此，我添加了一个新的css样式

.inline

，并将块属性更改为inline

.inline { display: inline }

---

H1元素扩展了页面的宽度，并将编辑链接向下推。我在这里提供了另一种解决方案

---

Fiddle:

您的H1元素扩展了页面的宽度，并向下推您的编辑链接。我在这里提供了另一种解决方案

小提琴：