disposição horizontal

[Diogo Freitas]

Boas tardes,

estou com um pequeno problema. defini em css uns links mas ao colocá-los no html aparecem na vertical e não na horizontal

como posso resolver este problema?

<div id="but_tabela">
<span class="main_link"><a href="#">teste</a><a href="#">teste</a><a href="#">teste</a><a href="#">teste</a></span>
</div>

css dos bottões:

.main_link a:link, .main_link a:visited{

display:block;

text-decoration:none;

color:#333333;

border-right:#CCCCCC 1px solid;

width:15%;

height:15px;

padding:5px;

text-align:center;

}

.main_link a:hover{

display:block;

text-decoration:none;

color:#333333;

border-right:#CCCCCC 1px solid;

background-image:url(../gif/verde-bg.gif);

width:15%;

height:15px;

padding:5px;

text-align:center;

}

muito obrigado desde já

[Diogo Freitas]

dá para alguém me ajudar?

[kuroi]

tenta colocar float: left; em todas essas tags a.

[Diogo Freitas]

pow cara.muito obrigado..mas entretanto já resolvi..abração