Javascript 如何创建包含不同样式单词的html选项标记？

我想要一个选择框，选项有一个单词在左端，第二个单词在右端

例如

铃木汽车
沃尔沃巴士

在上面的例子中，“铃木”应该向左浮动，“汽车”应该向右浮动。

---

此外，我希望“铃木”是大胆的，但不是汽车

您不能这样做，因为

标记不能有子元素。请，：

内容类别：无

允许的内容：文本，可能包含转义字符

---

向您展示一个示例psuedocode--

如果您使用的是jQuery，则必须有一种这种风格的方法：

for each <option> in <select>{
   split(<option-value>)[0].css('text-align', 'left');
   split(<option-value>)[1].css('text-align', 'right');
}

中的每个{
拆分（）[0]。css（'text-align'，'left'）；
split（）[1].css（'text-align'，'right'）；
}

for each <option> in <select>{
   split(<option-value>)[0].css('text-align', 'left');
   split(<option-value>)[1].css('text-align', 'right');
}