내 div의 옆을 나란히 정렬 할 수 없습니다.

div 내에 두 개의 div가 있습니다. 마찬가지로 코드 :내 div의 옆을 나란히 정렬 할 수 없습니다.

HTML :

<div class="main" style="clear: both;"> 
     <div class="text"> 
     /text is here 
     </div>  
     <div class="sponsors"> 
      <img src="images/Sponsors/asfalpan.png" alt="Asfalpan" width="285"> 
     </div> 
    </div>

CSS는 :

.main { 
    width: 1000px; 
    margin-left: auto; 
    margin-right: auto; 
    position:relative; 
    background-color:#232021; 
    border-radius: 50px; 
} 
.text { 
    width: 700px; 
    padding-left:10px; 
    padding-top: 20px; 
    padding-bottom: 20px; 
    position:relative; 
    font-family: Gisha; 
    color: white; 
    font-size:14px; 
} 
.sponsors { 
    margin-left: 710px; 
    margin-top: 20px; 
    position: relative; 
    font-family: Gisha; 
    color: white; 
    font-size: 14px; 
    background-color: #E5173E; 
}

그래서 나는 .sponsors와는 .text가 .main 에 있지만 어떤 이유로 서로 옆에가되고 싶어요 , 이것은 일어나지 않습니다. 그들은 서로 밑에 나타난다. 이 문제를 어떻게 해결할 수 있습니까?

출처

2013-06-19 Arn Vanhoutte