Styling bootstrap data table search filter

Question

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

Прямо сейчас он появляется, как это:

Вот код для поиска фильтра, который можно увидеть с помощью консоли.

<div class="dataTables_filter" id="ads-table_filter"> 
<label> 
"Search: " 
<input type="text" aria-controls="ads-table"> 
</label> 
</div> 

Как это сделать?

Answer 1

<style> 
.dataTables_filter { 
    white-space:nowrap; 
} 

.dataTables_filter label, .dataTables_filter input { 
    display: inline-block; 
} 
</style> 

<div class="dataTables_filter" id="ads-table_filter"> 
    <label>Search :</label> 
    <input type="text" aria-controls="ads-table"/> 
</div>