建立字母栏

我需要一些HTML/CSS指南。我的目标是在我的应用程序中创建一个联系人列表屏幕,和大多数联系人列表屏幕一样,用户应该能够选择名称开头的字母,应用程序将筛选到该字母。足够简单。

我希望UI的外观如下所示:

Find by Name | all # a b c d e f g h i j k l m n o p q r s t u v w x y z

右侧的所有内容都是可单击的链接。

我的问题是,我有一个动态宽度的用户界面,我希望在用户浏览器调整大小时,工具栏占据整个宽度——所以字母Z应该在最右端。我希望字母之间的间距均匀。

另一个模块中的“按名称查找”文本可以读取:“按街道名称查找”,因此也不是固定宽度。

如何在css/html中实现最佳效果?如果重要的话,我不会使用固定宽度的字体。