跨越div和不同的字體大小對齊

Question

我有一個div內的3跨度。

<div class="align"> 
    <span class="a">Title</span> 
    <span class="b">Someinfomation</span> 
    <span class="c">Toright</span> 
</div> 

爲了使c類垂直對齊，我必須使用邊距來解決它 然而，IE7看起來不同。 這裏是在線樣本：http://jsfiddle.net/wZmGQ/

是的，我想要IE7的作品。 如果有人可以幫助我更好的解決方案由於

解決方案如下圖所示，有人誰看起來IE7的解決方案

得到的答案從float: right in IE7 dropping to a new line

儘量小的變化標記：地方在沒有它的項目 之前帶有浮動項目（來自同一行）。它應該有所幫助。

Answer 1

每當你float一個元素，你是隱含聲明display:block。所以，當你寫下面的代碼：

.some-element { 
    display: inline-block; 
    float: right; 
} 

...是完全相同的東西這樣做：

.some-element { 
    display: inline-block; 
    display: block; 
    float: right; 
} 

...但我意識到，不幫你了。看看這個小提琴，對不起，我不能在IE7此刻考，但看看這有助於讓你在正確的方向：

http://jsfiddle.net/ryanwheale/wZmGQ/3/

本質上這：

.align{ 
    border: 1px solid black; 
    line-height: 35px; /* larger than your largest font size */ 
} 
.a, .b, .c { 
    vertical-align: middle; 
} 

Answer 2

創建一個只有樣式表。 http://css-tricks.com/how-to-create-an-ie-only-stylesheet/