Pseudo-césure après balises inline

Bonjour à tous,

J'ai été confronté à un comportement surprenant aujourd'hui, et qui apparemment ne tient pas à un unique navigateur, ni à un OS (constaté sous Canary, Nightly, Internet Explorer, Safari pour iPad et pour iPhone).

Soit le code HTML suivant :

1
2

[…] NASA (<strong>N</strong>ational <strong>A</strong>eronautics and
    <strong>S</strong>pace <strong>A</strong>dministration) […]

Avec ce code, je me suis rendu compte que, suivant la largeur du conteneur, la "césure" se faisait non pas obligatoirement après les mots, mais après les balises <strong>, ce qui donne donc quelque chose comme

Je suis donc surpris dans la mesure où je pensais que même s'il y avait des balises à l'intérieur, les mots restaient considérés comme tels, donc pas de césure intempestive juste après la première lettre.

Est-ce qu'il y a un moyen autre que mettre des <span style="display: inline-block"> autour des mots pour éviter ce comportement ?

Merci d'avance

Outre le fait que hypens: auto est une propriété considérée comme expérimentale, elle ne semble pas résoudre le problème.

Et oui, le and gêne. Mais je vais voir pour mettre des blocs autour des seuls (groupes de) mots à gérer, ça devrait le faire.

Avec vos remarques, je déduis que le comportement observé est donc normal ?

Moi qui pensais que les mots étaient délimités par des caractères blancs uniquement…

Merci 

En fait, les balises servent à délimiter des contenus, pas des parties de contenus, d'où les césures.

Styliser différemment plusieurs parties d'un même contenu, c'est CSS qui s'en charge.