부풀려진 스팬 내가 비슷한 질문이 여기에 스택 오버플로에서 찾아

Question

100 % 사용 가능 너비로 확장,하지만 그들 중 누구도 문제를 해결하지

<span class="in_bl right">Right</span> 
<span class="in_bl left">Left</span> 

역순으로 표시해야합니다. 그 이유는 그것들을 떠 다니는 이유입니다. 이 기능은 인터넷 익스플로러를 제외한 모든 브라우저에서 잘 작동합니다. http://jsfiddle.net/2SGCb/12/

은 사실 두 가지 문제가 있습니다 :

것은 IE에서이 바이올린에서 봐 주시기 바랍니다

가) 단어 "오른쪽") 창

B의 끝까지 부유 "Left"와 "Right"두 단어가 이제 첫 번째 행이 아니라 두 번째 행에 나타납니다.

HTML 코드에서 '오른쪽'은 '왼쪽'앞에 와야하므로 (예 : strip_tags()는 "오른쪽 왼쪽"이어야 함) 사용자는 "왼쪽 오른쪽"을 봐야합니다. 시각적으로 (HTML 코드가 아닌) 스왑하는 방법에 대한 다른 제안 사항도 환영합니다.

Answer 1

가) 단어 "오른쪽이"창 대신 오른쪽으로 왼쪽과 다른 하나 개의 요소를 부동의

의 끝까지 부유, 왼쪽 둘 다 부동. 그런 다음 레이아웃 요구 사항에 맞게 HTML 구조를 만듭니다. DEMO

예를 들어, 나는이를 교환하고 왼쪽 떴다 :

<span class="in_bl left">Left</span> 
<span class="in_bl right">Right</span> 

b)는 "오른쪽"지금이 아니라 먼저, 두 번째 행에 표시되는 두 단어 "왼쪽"와. 'hasLayout의'를 유발하고 작동하도록 당신이 순서에 *display:inline및zoom:1을 포함해야 IE7에서 display: inline-block를 사용

.