me gustaria ordenar un poco esto

[warelo17]

quiero poner el textfield a lado izquierdo y el boton al lado derecho...
nose como D:

aqui les dejo el codigo html

Código PHP:

<div class="hhha_btn_blue">
            
            <a id="boton" class="hhha_link" href="#"  style="background-color: rgb(94, 118, 168); border-top-width: 1px; border-top-style: solid; border-top-color: rgb(142, 161, 199); ">Buscar</a>
        </div>
        <input type="text" id="texto"  />
 

aca el css

Código CSS:

.hhha_btn_blue{
    width:auto;
    height:24px;
    line-height:23px;
    /*margin:2px auto 0px 6px;*/
    background-color:#5e76a8;
    border:1px solid #29447e;
   
}
.hhha_btn_blue a{
    display:block;
    height:23px;
    background-color:#5e76a8;
    border-top:1px solid #8ea1c7;
    text-align:center;
    text-decoration:none;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:11px;
    font-weight:bold;
    color:#ffffff;
    outline:none;
    padding-left:15px;
    padding-right:15px;
}
 

[galmac12]

usa el

Código:

float:left;

en cada control

[warelo17]

se me va todo para el lado D: quisiera que quedara al aldo del textfield

[warelo17]

probe esto pero tampoco me funciono

Código PHP:

<div class ="cajon1"> 
        <label>Nombre de Usuario:</label>
         <input type="text" id="texto" class="input" />
        </div>
        <div class="hhha_btn_blue">
             <a id="boton"  class="hhha_link" href="#"  style="background-color: rgb(94, 118, 168); border-top-width: 1px; border-top-style: solid; border-top-color: rgb(142, 161, 199); ">Buscar</a>
        </div>
 

Código CSS:

.hhha_btn_blue{
    width:auto;
    height:24px;
    line-height:23px;
    margin:2px auto 0px 6px;
    background-color:#5e76a8;
    border:1px solid #29447e;
    float: left;
   
}
.cajo1{
    float: left;
    
    
}
.hhha_btn_blue a{
    display:block;
    height:23px;
    background-color:#5e76a8;
    border-top:1px solid #8ea1c7;
    text-align:center;
    text-decoration:none;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:11px;
    font-weight:bold;
    color:#ffffff;
    outline:none;
    padding-left:15px;
    padding-right:15px;
 
   
}
 

pero no resulta