Put content alongside h1

Question

I want to add buttons beneath a <h1> tag, but don't know what CSS to use to make it so. The image below shows a likely scenario, with the "Main_Page" title and the buttons forming each part of a separate div. I tried using the margin-top property, but wish to know which other techniques can I use.

I used the following CSS for the buttons div, while nothing for the name div.

#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>

With this code, you should get a result like that the image below, is that what you want ?