我正在使用 jQuery 手风琴小部件，因此折叠栏上的文本需要进入<h3>标签内。我的折叠栏包含三个独立的相关信息（文件名、大小和日期）。我真的很想在栏的左侧、中间和右侧渲染这三个项目，以便完全折叠的手风琴类似于一个三列表。有什么办法可以做到这一点吗？
我尝试使用float:right（见下文）将文件名单独放在左侧，将大小和日期放在右侧。这不是我想要的，但我认为这是一个合理的妥协。但是，当我展开该部分时，展开的区域只会越过右浮动文本开始的地方，而不是一直穿过页面，这看起来有点奇怪。据我所知，它也没有提供任何方法将浮动文本左对齐多个条，因为它们必须是单独float的，每个都有自己的宽度。
<h3>
myfile.xls
<span style="float:right">153 kB, 03/12/2013</span>
</h3>
接下来，我尝试padding-right在前两条数据中添加一些（如下）。这工作得很好，但我的选择是指定一个固定大小，它不会随着窗口大小而缩小或扩大；或百分比，这不允许我在多个条形图上左对齐中心列或右列。我还尝试width:33%在每条数据上加上一个，这完全被忽略了。
<h3>
<span style="padding-right:33%">myfile.xls</span>
<span style="padding-right:33%">153kB</span>
03/12/2013
</h3>
我真正想要的是三个等宽的列，每列中的文本左对齐。但是我受限于 jQuery 使用<h3>标签来指定折叠栏上的内容（我什至尝试了一个<table>带有一行的内部，完全清楚它不能在内联元素中工作，但是嘿 - 我不得不给试试看！）。我需要为 IE 8+ 和 Firefox 3+ 进行这项工作，尽管到目前为止，我尝试过的东西都呈现相同的效果，所以我预计那里不会有太多麻烦（敲木头）。
任何建议将不胜感激！谢谢！