Centralizar links

:rolleyes:

Quero centralizar, mas não na largura, e sim na altura.

Tenho uma div com um texto ( font:bold 14px Arial) e uma imagem (height:21px). Esse texto e imagem devem ser um link.

O problema é q o texto fica alinhado pela base da imagem.

Tentei colocar padding-top, margin-top e top, mas não funcionam para o texto. O texto sempre fica como se estivesse em uma linha com a imagem, ou seja, alinhado em baixo, pela base da imagem.

código html:

<div class="submit_form_bar">
 <a href="#">Click here to continue</a>
 <a href="#"><img src="images/more.jpg" alt="Continue!" title="Continue!" /> </a>
</div>código css:

.submit_form_bar {
 position: relative;
 width: 411px;
	height:39px;
	margin: 0;
 text-align: right;
	background-image:url(images/bg_titles_cian.jpg);
	background-repeat: repeat-x;
	}

 .submit_form_bar a, .submit_form_bar a:link, .submit_form_bar a:visited {
 font-family:Arial;
 font-weight: bold;
 color: #fff;
 font-size:14px;
 text-decoration: none;
 font-style:italic;
 padding-top: 9px;
 padding-right: 5px;
 }

 .submit_form_bar a img {
 padding-top: 5px;
 padding-right: 8px;
 }

Como faço para alinhar?

Vou ter q criar duas divs com estilos diferentes?

Obrigada,

Nine