css - 跨度包装问题

Question

我不知道如何迫使右侧的跨度侵入左侧的跨度。我的意图是将值（黑色文本）保留在单独的列中，并且不允许它进入标题列。

请注意我在这里松散地使用术语列。

我在这里创建了一个小提琴来演示我的问题...... http://jsfiddle.net/yrFNq/

<span id="Label8" class="caption1">Discount Type</span>
<span id="Label9" style="border: dashed 1px aqua; width:256px;">
 Full time tertiary students, seniors, pensioners &amp; people on unemployment benefits
</span>

Answer 1

Just add height: 100%; to your caption1 class, as seen here.

Answer 2

Add:

display: table-cell;

style for spans.

See fiddle here: http://jsfiddle.net/maximkou/yrFNq/3/