Como posso forçar estouro: oculto para não usar o meu espaço direito de preenchimento
Eu tenho o seguinte código:
<div style="width: 100px;
overflow: hidden;
border: 1px solid red;
background-color: #c0c0c0;
padding-right: 20px;
">
2222222222222222222222111111111111111111111111113333333333333333333</div>
(XHTML 1.0 transitório)
O que acontece é que o direito de preenchimento não aparece, é ocupado pelo conteúdo, o que significa que o estouro usa o espaço certo de preenchimento e apenas "corta" após o preenchimento.
Existe alguma maneira de forçar o navegador para estourar antes do preenchimento-direita, o que significa que o meu div irá mostrar com o preenchimento certo?
O que eu recebo é o primeiro div na imagem a seguir, o que eu quero é algo como o segundo div: