html - 在容器中对齐按钮

Question

我不擅长前端(html、css 等)。我想在容器中对齐一些按钮，如下所示。容器将有一些标题和一些按钮。请帮帮我。

提前致谢。

Answer 1

你可以通过这个实现你的结果:-

HTML

 <fieldset>
<legend>Container Heading</legend>
<button id="visit_return_button" type="submit">Button1</button>
<button id="visit_return_button" type="submit">Button2</button>
 </fieldset>

CSS

    fieldset {
    border:1px solid;
    width:200px;
    height:70px;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}

legend {

    margin-left:5px;
}

#visit_return_button{
    background-color:#9C8C42;
    border: 2px solid #91782c;
    color: #FFF;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 10px;
}

或查看演示:- http://jsfiddle.net/VY8xs/21/