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