如何在html选择选项中对齐文本

Question

我在HTML select标签内有一组选项标签。每个选项都显示一个ID和一个名称。我想完全对齐名称。这是我的HTML代码：

<select size="3">
  <option value='100'>100&nbsp;&nbsp;&nbsp;John Doe</option>
  <option value='200'>200&nbsp;&nbsp;&nbsp;Jane Doe</option>
  <option value='1001'>1001&nbsp;&nbsp;&nbsp;Jim Doe</option>
  <!--there is an extra digit; the name is bumped over 1 char to the right-->
</select>

这是我想要的显示内容：

100   John Doe
200   Jane Doe
1001  Jim Doe