css - 如何使 CSS 居中 div，它是表单元素的子元素？

Question

我不确定我做错了什么，但我一直在努力让这个 div 居中:

<form>
    <div class="submitter">
        <div data-role="controlgroup" data-type="horizontal">
            <input type="submit" value="submit" data-theme="e" />
            <input type="reset" value="reset" />
        </div>
    </div>
</form>

表单中还有更多内容，但我只对控制组居中感兴趣。

我已经尝试了从 text-align 到 margin: 0 auto 的所有方法，但我无法让它工作。无奈之下，我为表单设置了一个固定宽度并添加了 submitter 元素，我将其扩展到 100% 然后将控制组设置为 display:inline-block 但我无法让它工作...

问题:
如何将控件组置于窗体中央？

谢谢!

编辑:
这是我的表格

两列都是ul元素，width:49%;display:inline;

Answer 1

http://jsfiddle.net/Kyle_Sevenoaks/fNYb4/

在使用属性选择器的内部 div 上使用 margin: 0 auto; 似乎可行。

div[data-role="controlgroup"]
{
    width: 50%;
    margin: 0 auto;
}

请记住，父元素需要设置宽度以及要居中的元素。