Не смотря на наличие margin:auto, список прижимается к левой стороне экрана.

Как разместить его по центру?

<select name = "name_grupp" style="margin:auto; font-weight:bold; font-size:12pt;"> 
<option selected = "selected"  value = "16" style="color:green">Первая строка</option>
<option value = "3" style="color:green">Вторая строка</option>
<option value = "7" style="color:green">Третья строка</option>
</select> 

<div align="center">
<select name = "name_grupp" style="font-weight:bold; font-size:12pt;"> 
<option selected = "selected"  value = "16" style="color:green">Первая строка</option>
<option value = "3" style="color:green">Вторая строка</option>
<option value = "7" style="color:green">Третья строка</option>
</select> 
</div>