div 내부의 스팬 및 다른 글꼴 크기 맞춤

Question

div 안에 3 개의 스팬이 있습니다. c 클래스는 수직으로 정렬 만들기위한

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

, 나는 IE7이 다르게 보이는 들어, 그러나 그것을 해결하기 위해 마진 탑을 사용해야합니다. 온라인 샘플은 다음과 같습니다. http://jsfiddle.net/wZmGQ/

예, IE7 작품도 원합니다. 누군가가 더 나은 솔루션을 도와 수 경우 감사

솔루션이

이 float: right in IE7 dropping to a new line

작은 변화 마크 업에 시도에서 답을 얻었다 IE7 솔루션을 보이는 사람을 위해, 다음과 같습니다 : 장소 항목이 전의 부동 소수점이있는 항목 (같은 행에 있음). 도움이 될 것입니다.

Answer 1

http://css-tricks.com/how-to-create-an-ie-only-stylesheet/은 할 때마다 float 요소, 당신은 display:block를 선언 암시 있습니다. 다음과 같은 코드를 작성할 때 그래서 :

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

을 ... 이렇게와 똑같은 일 :

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

는 ...하지만 그게 많이 도움이되지 않습니다 알고 있습니다.

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

Answer 2

즉, 스타일 시트 만 만듭니다.