Innerer Abstand bei DIV

[Toad]

Hallo liebe Community ich habe folgenden Code:

    DIV Test   	.legend { 		width: 180px; 		height: 90px; 		float: left; 		border: 1px solid #000000;  	} 	.square {     width: 15px;  	height: 15px; 	float: right; 	border: 1px solid #CCC; 	background-color: #000000; 	}     Aufgabe
Standart 
Offen 
  Geschlossen    Aufgabe
Standart 
Offen 
  Geschlossen

Ich will bei dem Inhalt einen Abstand zum Rand des DIVS einstellen, dabei soll es aber individuell sein wie zB: Aufgabe Standard Offen also soll der Begriff oben einen geringeren Abstand haben. Das gleiche will ich auch fuer die Kasten auf der rechten Seite machen. Ich habe nur leider keine Idee, wie ich das mit CSS realisiere und ich hoffe mir kann jemand helfen, hab bei Google keine gescheite Idee gefunden. Cheers Toad

 

[prm]

Einen generellen Abstand erreichst du mit der Eigenschaft "padding".

Individuell z.B. so:

.einzug20 {padding-left: 20px;}

<span class ="einzug20">Text mit 20px Abstand</span>

 

[Toad]

vielen dank ich probier das gleich mal aus