Mam taki kod

[HTML] pobierz, plaintext 
<div id="pager" class="pager" style="width:490px;border-style: solid; border-width: 5px;">
	<form>
	    <div style="text-align: left;"><span class="prev">Wstecz</span></div>
		<div style="text-align: center;"><input type="text" class="pagedisplay" style="width:40px;"></div>
		<div style="text-align: right;"><span class="next">Dalej</span></div>
	</form>
</div>
[HTML] pobierz, plaintext 

Chcę żeby Wstecz było po lewej stronie diva, input pagedisplay na śrdoku a dalej po prawej stronie. Jak powinien wyglądać kod?
Robią mi się odstępy po każdym divie;/

[HTML] pobierz, plaintext 
    <div style="text-align: left;float:left;"><span class="prev">Wstecz</span></div>
<div style="text-align: center;margin:0 auto;"><input type="text" class="pagedisplay" style="width:40px;"></div>
<div style="text-align: right;float:right;"><span class="next">Dalej</span></div>
[HTML] pobierz, plaintext 

Dalej jest linijkę niżej... Jak to naprawić

jest duzo mozliwosci, zalazy co chcesz osiagnac

[HTML] pobierz, plaintext 
<div style="float:left;width:50%;">
  <div style="text-align: left;float:left;"><span class="prev">Wstecz</span></div>
  <div style="text-align: center;float:right;"><input type="text" class="pagedisplay" style="width:40px;"></div>
</div>
 
<div style="
[HTML] pobierz, plaintext 

Coś się kod rozwalił.
Chcę żeby Wstecz było po lewej stronie diva, input pagedisplay na śrdoku a dalej po prawej stronie. Jak powinien wyglądać kod?