spostare testo all'interno del div

[Symon83]

Ciao ragazzi uso questo css per fare dei bottoni ''animati''

.button_ex {
margin-top:3px;
margin-left:5px;
width: 180px;
height: 20px;
text-align:left;
margin-left:30px;
font-family:Verdana, Arial, Helvetica, sans-serif;}

.button_ex a {
display: block;
width: 180px;
height: 20px;
background-color:#000000;
color:#ffd706;
text-decoration:none;}

.button_ex a:hover {
background-color:#ffd706;
color:#000000;
}

io vorrei tenere all'interno di ogni bottone un margine di circa 30px a sinistra prima che inizia il testo del bottone ma non so come fare mi sposta tutto il bottone. Chi può aiutarmi? grazie

[ResianTaxidrive]

beh puoi ridurre la larghezza di ".button_ex a" di 30px e applicargli un margin-left di 30px;

[Symon83]

no scusa forse mi son spiegato male, se faccio come dici tu accorcio il bottone e il bottone si stacca di 30px dal margine, io voglio che il bottone stia fermo a 0px dal margine e il testo all'interno del bottone deve avere uno spazio di 30px dal margine sx del bottone.

[ResianTaxidrive]

non il bottone intendo. La classe "button_ex a" immagino si riferisca al link dentro il bottone. Il bottone non è "button_ex"?

[Mich_]

Credo che Symon stia cercando il padding:

Prova con un
padding-left: 30px;
da inserire nella formattazione del tag <a>

[ResianTaxidrive]

si è uguale, comunque dovrà ridurre la larghezza del tag a. Gli ho suggerito un margin poichè aveva messo un display block alla a quindi dovrebbe funzionare
uguale.

[Symon83]

ok raga ho risolto come avete detto voi, ho ristretto il bottone di 30 e ho messo un padding left di 30, così funziona con il margin mi spostava tutto. Grazie di tutto alla prossima ciao