Hallo!
Also Texte in <span>s, die rein -beispielsweise- in ein <div>, selbigem text-align:center; verpasst, den <span>s padding uund border zugewiesen und mal schauen, ob's in die richtige Richtung geht.
Hab schon eine Menge probiert in der Richtung. Mit padding bekomme ich beim span zwar Hintergrund und Rahmen ausgedehnt, aber diese überlappen dann die umliegenden Elemente. Mit line-height wiederum kann ich die umliegenden Elemente "wegschieben". Beides kombinieren ist leider nicht gut möglich, da die Wirkung des padding ja unmittelbar von der Schriftgröße abhängt, die von line-height nur bedingt. Da ich die Schriftgrößen in em angebe komme ich so nicht weiter.
Ich fürchte ich muss mal wieder auf ein Tabellen-Layout zurückfallen. :-(
Gruß!