CSS 스타일링 - DIV - div 요소가 다음 줄로 건너 뛰는 것을 방지하려면 어떻게해야합니까?

Question

아래의 두 div 요소에 대해 div 요소가 다음 줄로 건너 뛰지 않도록하려면 어떻게해야합니까?

One 
Two 

질문 :

<div class = "one"> 
    One 
    <div class = "two"> 
    Two 
    </div> 
</div> 

이 결과

OneTwo 

Answer 1

간단한

...

그리고 내 바이올린을 http://jsfiddle.net/blackhawx/LfN9C/6/

Answer 2

변경하려면 두 번째 div을 : 어떻게 그것이 있도록 다음과 같이 한 행에 와서 어떻게해야합니까 span :

(210)

두 가지 이유 :

• 그것은 서로에 여분의 CSS
• 그것은 맞게 해킹 div (보다는 두 div의 내부에 포함 된 span을 가지고 더 "의미"의를 추가하지 않습니다이다)

희망이 있습니다. 여기

는 설명 할 수있는 링크입니다 : http://jsfiddle.net/4HxhV/

Answer 3

큰 문제는 올바르게 표시 할 수 있도록 이러한 포장 할 필요가있다 . 나는 둘 중 하나를 움직일 것이다. 그런 다음 .one 클래스와 .warpper 클래스를 넣어서 포함시킬 수 있도록합니다. 그런 다음 display : inline-block을 .wrapper div에 배치합니다. 내 예를 보아라. HTML

<div class="wrapper"> 
    <div class = "one"> 
    One 
    </div> 
    <div class = "two"> 
    Two 
    </div> 
</div> 

CSS

.wrapper div{ 
    display: inline-block; 
}