Texto nao centraliza em objeto. CSS

[AArcanjo98 0]

Eai galera, boa noite, to começando agora e o que parece facil pra uns, pra outro não é tanto...

To tentando fazer uma barra de busca no css, só que o texto não encaixa no objeto, fica sempre abaixo da borda, ja procurei muito mas não consegui resolver.

 

estou tentando fazer nesse estilo, e após resolver esse problema colocarei a imagem da lupa:

 

O erro:

 

Codigo CSS:

#busca {
	font-family: sans-serif ;
	color: white;
	font-size: 75%;
	font-style: oblique ;	
	text-align: center ;
	border: 1px solid gray ;
	border-radius: 60px;
	float:right;
	padding: 10px 10px 10px 10px ;
	margin-top: 4% ;
	margin-right: 10px ;
	height: 30px ;
	width: 150px ;
	vertical-align:top ;
	box-sizing: border-box;
}

valeu o tempo !!

[leonardo de andrade baessa 16]

<input type="text" name="busca" id="busca" value="Buscar"> 

Cara aconselho que faça em metodo input

 

Type é o tipo;

Name é o comando.

id é a identificação no css

value é o que você quer que os usuários vejam dentro do campo.

 

[AArcanjo98 0]

fiz dessa forma mesmo, valeu amigo !!