CSS inherit

[Der Martin]

Hallo,

<div style="text-align:center">
  <div style="display:inline-block;text-align:inherit">
  <img src="..." style="height:5em;float:left;margin-right:.5em;" />
  <font color="#00f"><span style="font-size:1.7em">Dogwalk Wallerstädten</span> &nbsp; <span style="font-size:1.5em">Groß-Gerau</span></font><br>
<span style="font-size:1.2em">alle zwei Wochen samstags mit den Wauzis unterwegs</span>
<div style="clear:both"></div>
</div></div>

du willst doch nicht wirklich veraltete und missbilligte Elemente wie font nutzen?

Durch das text-align:center wird - wie zu erwarten - nicht nur der enthaltene div, sondern auch dessen Inhalt zentriert.

Zu erwarten nur deshalb, weil du den inneren Container mit display:inline-block zu inline-Inhalt gemacht hast. Andernfalls würde text-align:center auf dieses Element nicht wirken.

Das möchte ich nicht, deshalb noch ein div mit text-align:inherit doch das wirkt nicht, warum?

Doch, es wirkt wohl. Damit gibst du doch an: Erbe bitte die Eigenschaft text-align von deinem Elternelement. Dieses hat text-align:center. Wenn du dort eine andere Ausrichtung willst, solltest du sie explizit angeben.

Und jetzt bitte keine Quakerei wegen der CSS-Angaben "vor Ort".

Nein. Im Gegensatz zum verwendeten font-Element ist das fast harmlos.

So long,
 Martin