コンテンツをh1の横に並べる

Question

<h1>タグの下にボタンを追加しますが、どのようなCSSを使用するかはわかりません。下の画像は、「Main_Page」のタイトルとボタンが別々のdivの各部分を形成する可能性のあるシナリオを示しています。私はmargin-topプロパティを使ってみましたが、どの他のテクニックを使用できるか知りたいと思っています。

名前のdivのために何もしながら、私は、ボタンのdivのために、以下のCSSを使用しました。このコードでは

#wiki-page-head .buttons 
{ 
    float: right; 
    margin-top: -30px; 
    text-align: right; 
    max-width: 500px; 
} 

Answer 1

<div style="display:inline;"> 
     <h1 style="display:inline;vertical-align:-3px;" >Ton titre</h1> 
    </div> 
    <div style="display:inline;"> 
     <input type="button" value="Edit"></input> 
     <input type="button" value="Discussion"></input> 
     <input type="button" value="History"></input> 
    </div> 

、あなたは下の画像のような結果を得る必要があり、何をしたいということはありますか？