같은 줄에 두 개의 블록 요소를 유지하려면 어떻게해야합니까?

Question

동일한 줄에 두 개의 스팬 요소가 있습니다. FF 및 다른 브라우저에서 내 코드는 정상적으로 작동하지만 IE6에서는 손상됩니다. 누군가 내가 잘못하고있는 것을 말해 줄 수 있습니까?

<span style="font-family:Arial;text-align:left;font-size:30px;color:#06a;"> 
    test 
</span> 
<span style="font-family:Arial;float:right;font-size:12px;color:#06a;text-align:left;"> 
    This is the line that jumps down and needs to be brought level with the above span element. 
</span> 

Answer 1

에서 먼저해야 다음

내가 사용하고있는 코드입니다 "플로트 : 왼쪽"최초의 범위에.

Answer 2

플로트를 사용하는 블록 : 바로 HTML

사용한다

Answer 3

잠깐주의 : 기본적으로 스팬은 블록 수준이 아닙니다.

IE6의 CSS 렌더링의 대부분의 버그는 잘 알려진 해결 방법을 가지고 있으며 here으로 잘 문서화되었습니다.

제쳐두고 - 귀하의 사이트에서 IE6 지원이 정말로 중요합니까? IE6 사용은 최근 급격히 떨어지고 있으며 많은 사이트에서 IE6 사용을 지원하지 않습니다.

Answer 4

테스트 위의 스팬 요소와 함께 점프해야하는 레벨입니다.

그냥 float : left; 첫 번째 범위