ciao a tutti,
ho un dubbio da newbie... parto da un esempio.
codice:
div#taldeitali{
  margin:0 auto;
  width:100px;
  padding:0 10px;
}
seguendo questo piccolo stylesheet la mia immagine mentale sarebbe

avendo quindi un div con larghezza effettiva 100px (come io ho specificato!!!!!) + 10px di padding verso l'interno in modo da distanziare il testo o altri contenuti dai bordi che tendenzialmente possono contenere grafica.

ciò che invece succede veramente con questo foglio di stile è questo

ossia il padding si somma alla proprietà width il che mi porta ad avere un div di 100 (width) + 10 (padding-left) + 10 (padding-right) px

mi sembra tutto molto assurdo perchè allora aumentavo il width ed ero a posto ma questo è quello che succede quindi chiedo a voi esperti: come cavolo posso fare a decidere che un div deve avere larghezza 100px (non uno di più, non uno di meno) e da questi 100px i contenuti si devono tenere a 10px dai bordi?