如何在html选项标签内实现两个不同的对齐方式？

我有一个带国家/地区呼叫代码的精选html标签.

    Afghanistan+93
    Albania+355
    Algeria+213

我希望名称左对齐,代码右对齐.演示文稿应如下所示:

Afghanistan                +93   
Albania                   +355   
Algeria                   +213

我已经介绍了使用CSS实现这一目标的span元素.

select#countryCallingCode span.name {text-align: left;}
select#countryCallingCode span.code {text-align: right;}

上面的代码,不起作用.而且,span元素似乎在XHTML 1.0 strict的html选项标记内无效.

任何的想法？

我曾经遇到过这个问题,我所做的是用等宽字体格式化文本,并在中间填充空格以分隔文本,并使每行成为偶数个字符.