Html 以角度对齐下拉列表选项的文本

Html 以角度对齐下拉列表选项的文本,html,css,angular,Html,Css,Angular,我想对齐下拉列表选项文本的两部分,一部分向左对齐,另一部分向右对齐。例如,银行名称应位于左侧,其类型应位于右侧。这必须使用CSS来处理。 我已经尝试了下面的代码,但它不工作 <select class="form-control"> <option value="{{acc.id}}" *ngFor="let acc of accounts; let i=index;">{{acc.name}} <span

我想对齐下拉列表选项文本的两部分,一部分向左对齐,另一部分向右对齐。例如,银行名称应位于左侧,其类型应位于右侧。这必须使用CSS来处理。 我已经尝试了下面的代码,但它不工作

<select class="form-control">
<option value="{{acc.id}}" *ngFor="let acc of accounts; let i=index;">{{acc.name}} <span style="float: right;" dir="rtl">{{ acc.accountType }}</span></option>
</select>

{{acc.name}{{acc.accountType}

与您所期望的相比,什么不起作用?我希望选项中的文本对齐方式应确保名称在左侧对齐,其类型在右侧对齐