Comment puis-je forcer le overflow: hidden pour ne pas user mes padding-right espace

J'ai le code suivant:

<div style="width: 100px; 
overflow: hidden; 
border: 1px solid red; 
background-color: #c0c0c0;
padding-right: 20px;
">
2222222222222222222222111111111111111111111111113333333333333333333</div>

(XHTML 1.0 transitional)

Ce qui se passe est que le padding-right ne s'affiche pas, elle est occupée par le contenu, ce qui signifie le dépassement utilise le rembourrage droit de l'espace et seulement "coupe" après le remplissage.

Est-il un moyen pour forcer le navigateur à débordement avant le padding-right, ce qui signifie que ma div montrera avec le rembourrage droit?

Ce que je reçois à est le premier div dans l'image suivante, ce que je veux, c'est quelque chose comme le 2ème div:

image

La réponse à la CSS est toujours d'utiliser un autre wrapper

OriginalL'auteur AlfaTeK | 2009-07-02