Linuchs: CSS inherit

Beitrag lesen

Moin,

ich bastle ja weiter an meinem simple_editor und simple_viewer.

Da kann ich z.B. im <header> ein Bild links floaten und rechts daneben zwei Zeilen setzen: http://osmer.de/studien/flexbox/

So weit, so gut. Nun möchte ich dieses "Kunstrukt" so wie es ist, zentriert haben und mache

<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>

Durch das text-align:center wird - wie zu erwarten - nicht nur der enthaltene div, sondern auch dessen Inhalt zentriert. Das möchte ich nicht, deshalb noch ein div mit text-align:inherit doch das wirkt nicht, warum?

Und jetzt bitte keine Quakerei wegen der CSS-Angaben "vor Ort". Hier geht es um HTML-Schnippsel, die der Nutzer in seine Webseite einfügen kann, ich bin nicht Herr des globalen CSS.

Linuchs