Положите две колонки рядом

Question

Я хочу соединить эти два значения (Side by Side), как показано на следующем рисунке, но я не знаю, как это?см. в демоверсии мою попытку, (я хочу без изменения css и имени класса и просто с помощью cjange html и использовать стиль в элементе, сделавшем это)

DEMO: http://jsfiddle.net/33NBg/1/

ИЗОБРАЖЕНИЕ: http://i.stack.imgur.com/v8FIn.gif

Answer 1

Ваша HTML-структура неверна.Он имеет две разные строки вместо двух div в одной строке.

Вот код:

<link rel="stylesheet" type="text/css" href="http://www.neginph.com/style.css"/>

<fieldset>
    <div class="find_input">
        <div class="rediuses column" id="residence_name" style="float: none; -webkit-column-count: 0; -webkit-column-rule-width: 0px; -webkit-column-rule-style: initial; -webkit-column-rule-color: initial; display: block; height:40px; width:500px;">
            <div class="list_units" style="background-color: #E2EBF1; width:200px;">
                <div class="auto_box" style="float:left; width:90px; margin-right:10px;">
                    <b class="search_hotel" style="background-color: #ffffff;"><span><b>12121112</b></span></b>
                </div>
                <div class="auto_box">
                   <b class="search_hotel" style="background-color: #ffffff; width:90px;"><span><b>12121112</b></span></b>
                </div>
            </div>
        </div>
    </div>
</fieldset>

Answer 2

Используйте float: left; в вашем классе в вашем .column классе.