hawkmaster: Geht nur bei Block Elemente

Beitrag lesen

Hallo Beat,
danke dir für die Erklärung.

display:block auf <input> angewendet aktiviert Block-Eigenschaften des Elements input.
Die CSS Eigenschaft float:left erzeugt implizite Blockeigenschaft.

Das war mir so nicht bewusst. Bedeutet also, das aus einem Inline Element durch die CSS Eigenschaft ein Block Element werden kann?

Nochmals zu deinem Beispiel.
Also das funktioniert jetzt tatsächlich gut so, wenn ich die Label auch um die Inputs packe.
-------------------------------------
label {
   display:block;
   text-align:center;
   /*
   margin: 0 auto;
   width:10em;
   */
}
<label for="image_test">
<input name="image_test" id="image_test" type="image"  src="image/jobtk/jobinfo.gif"  alt="test" title="test" />
<br />
Testbutton
</label>

Was mir nicht ganz einleuchtet:
Warum wird der komplette Label (also Label und Input) auf einer leeren HTML Seite in der Mitte zentriert?
Ich dachte es ist linksbündig und das "text-align:center;" wirkt sich nur auf den Label Inhalt aus?

vielen Dank und viele Grüße
hawk