HTML / CSS - Недопустимое выравнивание текста в медиазапросах

Question

Я редактирую CSS плагина DataTable. Когда мое окно имеет размер 839 пикселей или меньше, я хочу, чтобы мой поисковый фильтр был слева, а когда оно составляет 840 пикселей или больше, я хочу его справа.

Если я использую только правило выравнивания текста, я получу недопустимое значение, когда сработает медиа-запрос.

Мне удалось выполнить его, используя выравнивание текста, чтобы вытащить его по пути когда это 839px или меньше и Flex, когда это 840px или больше, просто бродить, если я могу сделать это чище.

Код, который я использовал.

.dataTables_filter {
    text-align: right !important;
}

@media only screen and (max-width: 839px) {
    .dataTables_filter{
        display: flex;
        justify-content: flex-start;
    }

Исправлено - Спасибо DreamTek

Использовал следующий код, чтобы сделать его более единообразным и чистым.

.dataTables_filter {
    float: right;
}

@media only screen and (max-width: 839px) {
    .dataTables_filter {
        float: left !important;
    }
}

Answer 1

Если вы хотите редактировать позицию .dataTables_filter, вам нужно настроить свойство float, используемое в таблицах данных.

.dataTables_filter {
  float:right;
}

@media only screen and (max-width: 839px) {
  .dataTables_filter{
    float:left;
  }
}

From https://www.datatables.net/