html javascript, имеющий 2 div's side by side

Question

У меня есть 2 div's, один для отображения карты, а другой form-horizontal для отображения textboxes. в настоящее время карта отображается вверху страницы и textboxes внизу. можно ли отобразить textboxes по адресу left и карту right рядом с справа?

<div itemprop="map" id="googleMap" style="height:400px;width:100%;"></div> 
<div class="form-horizontal"></div> 

Answer 1

Без больше CSS, которые вы использовали, все, что я могу сказать, что свойство CSS, display:inline-block;, должны работать на этих элементах, чтобы сделать их отображения на одной и той же линии.

Удостоверьтесь, что вы удалили имущество width:100%; из первого div.

Answer 2

Вы можете использовать float:

CSS:

#googleMap { 
    float: right; 
    width: 50%; 
} 

.form-horizontal { 
    float: left; 
    width: 50%; 
} 

HTML:

<div itemprop="map" id="googleMap"></div> 
<div class="form-horizontal"></div>