Space mellan text och kant i box?

Skulle vilja ha lite space mellan kanten och texten i följande box men vet inte riktigt hur jag ska få in det i css koden:

  #white
  	{
	width: 420px; 
	height: 100%;
	padding: 0px;
	border: 0px solid;
	background-image: url(white.gif);
	font-family: verdana, arial, tahoma;
	font-size: 10px;
	color: #333333;
	line-height: 155%;
  	margin: 0 auto;
  	align: left;
  	valign: center;	
  	}

Beror på vad du ska ha texten i för något. Ska du ha <p> kan du skriva
#white p{padding: 2px 4px 1px 2px;}
för lite olika space på de fyra sidorna. Första siffran är top och så går man r, b, l. En siffra får du samma space runt om.

padding-left: 10px;

eller

padding: 10px;

såg nu att du hade med dessa och de är inte giltiga.
align: left;
valign: center;

Om du använder padding direkt på diven så kommer din width 420px inte längre stämma. Med t.ex 10px blir den 440px bred.
Sätter du värden på element inne i diven så behåller du divens 420px
Du får testa och se vad som passar dig bäst.

tanten skrev:

Sätter du värden på element inne i diven så behåller du divens 420px
Du får testa och se vad som passar dig bäst.

Jag kommer inte på hur jag ska göra detta? Känns inte speciellt bra att skapa en ytterligare tabell liksom.

Du kan ju sätta:

#white p { 
    margin: 10px;
}

Prova detta då...
<td class="white"><span class="space">texten</span></td>
Gör om ditt #white till .white{med ditt innehåll}
och lägger till denna.
.space{padding: 3px;}
Antar att det är på din hemsida du ska ha det med texten som nästan försvinner åt höger. Så du ska bara använda detta på det td som texten finns i...

Ok, gjorde bara en tabell nu med cellspacing och padding vilket fungerade.