如何水平居中元素[英]How to horizontally center a element

I am having the following code:

我有以下代码:

<div>
    <select>...</select>
    <p>foo</p>
</div>
<di