Html 适合整个高度的浮动元件

我需要创建如下内容：

我创建了这个html

<li>
  <strong>Version 2.0</strong>
  <span>Text</span> -
  <i>December 29, 2013</i>
</li>

版本2.0
正文-
2013年12月29日

但我不能使版本适合整个高度，当它有浮动，我需要有浮动，因为版本可以有不同的大小

我尝试设置

高度：100%

，

位置：相对

和

页边距底部：自动

以及

顶部：0；底部：0

但它仅与

位置：绝对

一起工作，但不浮动

---

有人知道如何让html显示在屏幕上吗？

你应该将日期放在文本容器中，因为它可能总是紧跟在文本之后

您可以将元素显示为块，并将标题向左浮动。如果随后为文本指定了“溢出：隐藏”属性，它将清除浮动元素并占用所有剩余空间：

边距

和

列表样式类型

看起来更漂亮

li{list-style-type:none}
li strong{display:block; float:left; margin-right:5px;}
li span{display:block; overflow:hidden;}

另一种方法是将列表项显示为

表格

，其子元素显示为

表格单元格

。如果要选择以下方式，可能需要为

strong

元素设置

宽度

：

li{display:table;}
li strong{display:table-cell; width:100px;}
li span{display:table-cell}

---

HTML结构被锁定了吗？或者您可以修改它吗？@Paulie\u D您可以更改它。

display:block

with

overflow:hidden

效果很好。@jcubic很高兴能提供帮助：）