Centrare elemento link orizzontalmente: esempio easy, ma funzia...

[goat]

Ciao,
ho fatto un po' di ricerchine; ma provando ad utilizzare quello che ho trovato non sono riuscito a venire a capo di 'sto problema che sembrerebbe essere di facile risoluzione.

Questo il CSS:

#cont {
position:relative;
width:250px;
height:auto;
margin:0px;
padding:0px;
text-align:center;
background-color:#ff0f00;
float:left;}

a.btn {
height:22px;
margin:0px;
padding:0px;
font-size:12px;
color:#ffffff;
background:url(bg-sx-btn.gif) 0px 0px no-repeat;
float:left;}

a:hover.btn {color:#efefef;}

a.btn span {
cursor:pointer;
height:22px;
padding:0px 20px;
line-height:21px !important;
font-weight:bold;
white-space:nowrap;
background:url(bg-dx-btn.gif) right 0px no-repeat;
float:left;} 

E questo l'HTML:

<div id="cont">
    [url="#null"]<span>vai all'offerta</span>[/url]
</div> 

Quel tag <a> è fatto in maniera tale che modificando il testo "vai all'offerta", lo sfondo e la larghezza del link si adattino in automatico.

Quello che vorrei riuscire a fare è centrare questo link, del quale non conoscerò mai esattamente la larghezza, visto che è utilizzato più volte con testi sempre diversi, all'interno del <div> "cont".

Allo stato attuale... non funziona. Credevo che ipostando text-align="center" al contenitore la cosa si risolvesse.

Grazie,
goat

[goat]

Bene, eliminando float:left; sia da <a> che dallo <span> in esso contenuto... ecco che il mio pulsante mi si centra perfettamente.
Però così facendo gli sfondi mi vanno a meretrici, e molti valori non vengono più cagati dai browser.

Insisto...

[mucu]

da quello che dici non si capisce molto
prova a mettere un link

[goat]

Originariamente inviato da mucu
da quello che dici non si capisce molto
prova a mettere un link

M'è difficile mettere un link, perchè online sto lavorando in un'area protetta.

Comunque, molto semplicemente, voglio che il link "vai all'offerta" venga centrato dentro il div "cont".
Con il codice che ho postato questo non funziona, perchè il link mi si allinea a sinistra.
Quando elimino float:left; dai tag <a> e <span>... il link si centra, ma visivamente il pulsante appare sballato, perchè non viene più riconosciuto il valore "height" e, credo, "padding".

[mucu]

a parte che il testo non andrebbe mai messo così in un div
dai a <a> display: block; width: 250px

[goat]

Originariamente inviato da mucu
a parte che il testo non andrebbe mai messo così in un div
dai a <a> display: block; width: 250px

Non posso dare una larghezza al tag <a>, perchè la stessa è determinata dal testo interno, che il cliente potrà gestirsi liberamente da pannello di controllo.