Como mudar posição dos campos no html?

• Descrição:

Ola pessoal...

Fiz um formulário de postagem e esta funcionando perfeitamente...

Tenho estas duas partes:

Código:

<br /><dl class="campos_form"><dt><span class="1"><label>Temperatura:</label>Descreva a faixa de temperatura, sem caracteres (ºC ou ~), número direto.</span></dt><br /><dd><span class="2"><input class="find input" id="11" "="" style="width: 60px; height: 20px; clear: both;" type="text" /></span></dd></dl> até <dd><span class="2"><input class="find input" id="12" "="" style="width: 60px; height: 20px; clear: both;" type="text" /></span></dd></dl>

                <br /><dl class="campos_form"><dt><span class="1"><label>Ph:</label>Descreva a faixa de ph (6.2, 7.2) e a nomenclatura (ácido, ácido a neutro, etc).</span></dt><br /><dd><span class="2"><input class="find input" id="13" "="" style="width: 60px; height: 20px; clear: both;" type="text" /></span></dd></dl> até <dd><span class="2"><input class="find input" id="17" "="" style="width: 60px; height: 20px; clear: both;" type="text" /></span></dd></dl>

Que faz os seguintes campos:

 

Como faço para que os campos de digitação fique ao lado um do outro?

Ex:

campo de digitação (até) campo de digitação    

Obrigado!

• Informações:

Código:

<div id="shek_fa"><br><dl class="campos_form"><dt><span class="1"><label>Temperatura:</label>Descreva a faixa de temperatura, sem caracteres (ºC ou ~), número direto.</span></dt><br><dd><span class="2"><input class="find input" id="11" "="" style="width: 60px; height: 20px; clear: both;" type="text"> até <input class="find input" id="12" "="" style="width: 60px; height: 20px; clear: both;" type="text"></span></dd></dl>

                <br><dl class="campos_form"><dt><span class="1"><label>Ph:</label>Descreva a faixa de ph (6.2, 7.2) e a nomenclatura (ácido, ácido a neutro, etc).</span></dt><br><dd><span class="2"><input class="find input" id="13" "="" style="width: 60px; height: 20px; clear: both;" type="text"> até <input class="find input" id="17" "="" style="width: 60px; height: 20px; clear: both;" type="text"></span></dd></dl>
</div>

Código:



<div id="shek_fa"><br><dl class="campos_form"><dt><span class="1"><label>Temperatura:</label>Descreva a faixa de temperatura, sem caracteres (ºC ou ~), número direto.</span></dt><br><dd><span class="2"><input class="find input" id="11" "="" style="width: 60px; height: 20px; clear: both;" type="text"> até <input class="find input" id="12" "="" style="margin-left: 5px!important;width: 60px; height: 20px; clear: both;" type="text"></span></dd></dl>

                <br><dl class="campos_form"><dt><span class="1"><label>Ph:</label>Descreva a faixa de ph (6.2, 7.2) e a nomenclatura (ácido, ácido a neutro, etc).</span></dt><br><dd><span class="2"><input class="find input" id="13" "="" style="width: 60px; height: 20px; clear: both;" type="text"> até <input class="find input" id="17" "="" style="margin-left: 5px!important;width: 60px; height: 20px; clear: both;" type="text"></span></dd></dl>
</div>