CSS проблема для выравнивания прямоугольника по горизонтали

Question

У меня есть некоторые проблемы с CSS на странице asp Sage CRM. Некоторые выравнивания не совпадают.

Я создаю 4 блока и четыре таблицы с четырьмя различными функциями. Каждый блок покажет общий баланс. Теперь эти четыре блока находятся в вертикальном положении, как

блок 1
Таблица 1;
block2
Таблица 2; и так далее...

Каждый блок является div. Теперь я хочу, чтобы все блоки в горизонтальном положении были в одной строке, например:

блок 1 блок 2 блок3 блок4

Проблема заключается в том, что эти свойства (выравнивание прямоугольников) меняются для разных людей в мудреце. Для одного человека этот код будет совпадать, и все четыре поля находятся в одной строке, для второго - некоторые поля ниже, для третьего - я не могу найти один из блоков.

Мой стиль CSS для четырех функций, как показано ниже:

Как связать div в четырех разных функциях в asp sage

function fn_main()
    {
    + '<DIV div CLASS="bx" style="width: 15%;height: 67; overflow-n: scroll; scrollbar-arrow-color: blue; scrollbar-face-color: #e7e7e7; scrollbar-3dlight-color: #a0a0a0; scrollbar-darkshadow-color:#
    888888">'
    }

    function fn_1()
    {
    + '<DIV div CLASS="bx" style="width: 20%; height: 67;margin:-225px 0 0 225px;position: absolute;overflow: hidden;scrollbar-arrow-color: blue; scrollbar-face-color: #e7e7e7; scrollbar-3dlight-color: #a0a0a0; scrollbar-darkshadow-color:#888888">'            
    }

    function fn_2()
    {
    + '<DIV div CLASS="bx" style="width: 22%; height: 67;margin:-380px 0 0 470px;position: absolute;overflow: hidden; scrollbar-arrow-color: blue; scrollbar-face-color: #e7e7e7; scrollbar-3dlight-color: #a0a0a0; scrollbar-darkshadow-color:#888888">' 
    }

    function fn_3()
    {
     + '<DIV div CLASS="bx" style="width: 25%; height: 67;margin:-425px 0 0 625px;position: absolute;overflow: hidden;scrollbar-arrow-color: blue; scrollbar-face-color: #e7e7e7; scrollbar-3dlight-color: #a0a0a0; scrollbar-darkshadow-color:#888888">'   
    }

Answer 1

Можете ли вы попробовать добавить

display:inline-block

каждому из дивов?

Answer 2

Попробуй это:

.bx{clear: none; float: left;}

Это выровняет все div по левому краю, заставляя их появляться в одной строке!

И поместите px/em в высоту:)