javascript - Can't change position of 'Select' element (ASP.net) -

I try to use the bootstrap dual listbox here. My problem is that the double list box is always left I can not change it, I try to write style attributes in the 'Selection' element, and try to link to the CSS file, but nothing works. This code is:

  & lt; Body & gt; & Lt; Select id = "sele" multi = "multiple" size = "5" name = "list box" class = 'demo 2 col-md-3' style = "text-align: center" & gt; For & lt;% (Int i = 0; I <50; i ++) {%> & Lt; Option value = "& lt;% = i% & gt;" & Gt; & Lt;% = i% & gt; & Lt; / Options & gt; & Lt;%}% & gt; & Lt; / Select & gt; & Lt; Script & gt; Var Demo 2 = $ ('.demo2'). BootstrapDualListbox ({nonselectedlistlabel: 'Select', Selected list label: 'selected', protected selection: 'gone', move: option: false, from initial: ''}); & Lt; / Script & gt; & Lt; Script src = "library / jquery-placeholder / jquery.placeholder.js" & gt; & Lt; / Script & gt; & Lt; Script & gt; $ ('Input') placeholder () .; PrettyPrint (); & Lt; / Script & gt; & Lt; / Body & gt;  

How it looks: (instead of the center) How can I fix it?

Thank you!

Try wrapping it in a container and then set it to align the center such as: < / P>

  & lt; Div style = "width: 100%; text-line: center;" & Gt; & Lt; Select id = "sele" multi = "multiple" size = "5" name = "list box" class = 'demo 2 col-md-3' & gt; ... & lt; / Select & gt; & Lt; / Div & gt;