Javascript CSS-中心对齐动态创建的下拉列表

我用以下代码创建了一个下拉框：

var s = $('<select/>',{id:"subCategory"});

var s=$（''，{id:“子类别”}）；

有人能告诉我如何使用CSS将其居中对齐吗

以下是我的代码：

JavaScript

var a = $('<h3/>',{id:"h3SubCategories", text:"Sub Categories"});
a.appendTo("#subCategories");

// add the subcategory drop-down box.               
s.appendTo("#subCategories");

HTML

<div id="subCategories">            
    <div id='loadingDiv1'>
            Please wait...  <img src="http://i.stack.imgur.com/FhHRx.gif" />
    </div> 
</div>

JavaScript
var a=$（''，{id:“h3SubCategories”，text:“subcategories”}）；
a、 附件（“子类别”）；
//添加子类别下拉框。
s、 附件（“子类别”）；
HTML
请稍候。。。

#loadingDiv1

在不同时间显示和隐藏

---

谢谢。

我想这应该可以

#subCategory
{
  text-align:center;
  margin:0 auto;
  display:block;
}

这是同样的

---

希望这能有所帮助。

谢谢您的支持。但我应该让OP来决定他对这件事是否满意。我很感激你的诚意@FagsFags，我很感激你投票给Nathan，删除了你的答案。很少有人这么做，这是正确的。但是我建议她应该把答案留给OP来决定他对答案是否满意。@NathanLee我需要cssThanks的一个帮助Nathan Lee，但是，这个解决方案似乎并没有改变我的一致性。我在上面添加了更多的代码，希望它能解释为什么您的解决方案在我的案例中不起作用。再次感谢你的帮助。