divタグで改行させないようにしたい

Question

divタグで改行させないようにしたい。
現在、テキストボックスがdivタグのせいで改行されて表示されてしまっています。隣に表示したいです。
その為、cssで以下のように記述しましたが、効果ありません。
他に方法がありますでしょうか？

.searchFrame_Num_From{
display: inline-block;
}

.searchFrame_Num_From,
.searchFrame_Num_To{
	position:relative;
	width: max-content;
}
.searchFrame_Num_From .clearButton{
	right:90px;
	top:auto;
}
.searchFrame_Num_To .clearButton{
	right:75px;
	top:auto;
}
.searchFrame_Num_From{
	display: inline-block;
}

<div class="searchFrame_Num_From">
	<input type="text" class="textbox" name="valueFrom_1000002" id="valueFrom_1000002" onchange="getSelectElement('1000002')">以上　
	<button type="button" name="clearButton" class="clearButton icon-clear"></button>
</div>
<div class="searchFrame_Num_To">
	<input type="text" class="textbox" name="valueTo_1000002" id="valueTo_1000002" onchange="getSelectElement('1000002')">以下
	<button type="button" name="clearButton" class="clearButton icon-clear"></button>
</div>

Answer 1

適当にラップして、display:flex

<style>
.wrap{display:flex}
</style>
<div class="wrap">
・・・ここに本文
</div>

Answer 2

.searchFrame_Num_To も display: inline-block にしてください。display:blockは独立した行を作るので、両方ともinline-blockにする必要があります。