Как поместить несколько элементов во второй ряд в div

Question

Я пытаюсь использовать css для позиционирования элементов в div.Я не могу использовать ничего, кроме classes / id, поскольку div с его содержимым создается из стороннего плагина (datatables).Следовательно, я не могу добавлять теги самостоятельно.

Моя проблема в том, что я не могу разместить несколько элементов во втором ряду.Только один расположен во втором ряду, а следующие расположены (рядом друг с другом ..) в третьем ряду.

Я хочу, чтобы все элементы select во второй строке и все остальные элементы в первой.Я хочу, чтобы все элементы в первом ряду были расположены справа, а во втором ряду один - слева, один посередине и один справа.

Вот код: fiddle

Почему это не работает и как я могу это исправить?

Answer 1

Я думаю, это то, что вы ищете, довольно запутанный в макете:

CSS

.dataTables_length, .dataTables_length2, .dataTables_length3 {
    float:left;
}

.DTTT_container {
    float: left;
}

.ColVis {
    clear: right;
    text-align: left;
}

Демо .

Answer 2

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

отметьте это jsFiddle .

Answer 3

попробуйте использовать

display:block

вместо встроенного?

Answer 4

Привет, плз, проверьте эту ссылку http://jsfiddle.net/2nPVZ/6/ просто добавьте маленький CSS в свой CSS

.top div
{
    float:left;
}