HTML TDの要素をすべて隣り合わせに整列

Question

iスライダーの後ろにこのスライダーを追加し、入力ボックスを追加しました。問題はそれらが私の最初の入力の下にあることです。

<td>$ 
    <input name="sup" style="text-align: left;" maxlength="13" 

        value="${form.sup}" 

      onkeypress="javascript:return noenter();" /> 
<div id="calcSlider"></div> 
<input type="text" id="calcRepairCostFactor" name="calcRepairCostFactor" value="10" size="3" readonly="readonly"/>    
</td> 

jqueryの：

$(function() { 
$("#calcSlider").slider({ min: 0, 
          max: 90, 
          step: 5, 
          value: 10, 
          slide: function (event, ui) { 
           $("#calcRepairCostFactor").val(ui.value); 
          } 
         }); 
        }); 

ANSWER：

私はあなたがより多くのコードが必要な場合は私に知らせて...助けてください....それらTDタグに並んですべての側面たいです

<td>$ 
    <input name="sup" style="text-align: left;" maxlength="13" 

        value="${form.sup}" 

      onkeypress="javascript:return noenter();" /> 
<div id="calcSlider" style='display: inline-block; width: 100px; height: 12px;'></div> 
+/- 
<input type="text" id="calcRepairCostFactor" name="calcRepairCostFactor" value="10" size="3" readonly="readonly"/>    
% 
</td> 

Answer 1

あまり情報がありません...あなたが探している結果を得るには、おそらくstyle='display: inline-block;'をdivに追加する必要があると思います。