一個HTML框標題和編輯按鈕

Question

我做了這個網站中，是應該有一個標題和右一些按鈕，

http://jsfiddle.net/vqpmt/17/

一切似乎只是罰款編輯按鈕，你可以看到它比標題稍微低一點，不應該這樣，它們應該都處於相同的水平。

我該如何做到這一點，並且是我的代碼亂七八糟的？有沒有更好的方式來做這樣的事情？

Answer 1

我將h1和編輯鏈接標記移動到div容器中。檢查我的版本的代碼here

的要確切的同一水平，HTML元素，必須爲一個容器內（如在我的小提琴），還是應該使用2個內嵌HTML元素。

嘗試閱讀html和css上的w3schools，其中有很多信息可以在短時間內學習。

W3Schools的HTML參考here

W3Schools的CSS參考here

編輯： h1爲塊元素這意味着它將添加一個新行。所以我添加了一個新的CSS樣式.inline並將塊屬性更改爲內聯。

.inline { display: inline } 

Answer 2

您的H1元素擴展了頁面的寬度，並且正在向下推編輯鏈接。我在這裏提供了一個替代解決方案。

小提琴：http://jsfiddle.net/GvGoldmedal/vqpmt/32/