将内容放在h1旁边

时间:2012-03-24 12:10:30

标签: css

我想在<h1>标记下添加按钮,但不知道使用什么CSS来实现它。下图显示了一个可能的场景,“Main_Page”标题和按钮构成了单独div的每个部分。我尝试使用margin-top属性,但希望知道我可以使用哪些其他技术。

enter image description here

我使用以下CSS作为按钮div,而没有名称div。

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

1 个答案:

答案 0 :(得分:0)

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

使用此代码,您应该得到如下图所示的结果,是您想要的吗? Result