alinhar esse botão de pesquisa

[leomoraes87 0]

Boa tarde!!!

Queria uma ajuda para alinhar esse botão de pesquisa, pois não tenho muito conhecimento em html só em java. No meu blog o botão fica na esquerda da página, queria que ele fosse para direita totalmente.

 

<style type="text/css">

#pesquisafsm-caixa {

background: #eee; padding:10px; border:0 none; width:170px;

}

#pesquisafsm-botao {

border: 1px solid #222;

color: #eee;

background: url(http://i.imgur.com/cz4sguf.png) no-repeat left #4591fa;

;

color:#fff;

font: 'trebuchet ms', trebuchet;

padding:10px 10px 10px 22px;

border:0 none;

font-weight:bold;

border-top-right-radius: 7px;

border-bottom-right-radius: 7px;

}

#pesquisafsm-botao:hover {

cursor: pointer;

background: url(http://i.imgur.com/cz4sguf.png) no-repeat left #2375E6;

}

</style>

<form action="/search" id="searchthis" method="get" style="display: inline;">

<input id="pesquisafsm-caixa" name="q" placeholder="O que está procurando?" size="40" type="text" /> <input id="pesquisafsm-botao" type="submit" value="Pesquisar" /> </form>

[L. Henrique 179]

Lembrando que existem algumas coisas erradas no seu CSS, mas sem problemas. Você tem dois "color" para um mesmo botão, o CSS lê por cascata, então não tem a necessidade de você ter "color: #EEE;" no seu botão.

Pra mudar a fonte, use "Font-family".

Mas vamos direto ao ponto, você só precisa adicionar um "float: right" para que o botão fique encostado no canto direito do seu painel.

#pesquisafsm-botao {
   border: 1px solid #222;
   background: url(http://i.imgur.com/cz4sguf.png) no-repeat left #4591FA;
   color: #FFF;
   font-family: 'trebuchet ms', trebuchet;
   padding:10px 10px 10px 22px;
   border: none;
   font-weight: 700;
   border-top-right-radius: 7px;
   border-bottom-right-radius: 7px;
   /* AQUI ESTÁ O QUE PRECISA */
   float: right;
}