Как я могу заставить переполнение: скрытый, чтобы не использовать мое пространство справа
У меня есть следующий код:
<div style="width: 100px;
overflow: hidden;
border: 1px solid red;
background-color: #c0c0c0;
padding-right: 20px;
">
2222222222222222222222111111111111111111111111113333333333333333333</div>
(XHTML 1.0 переходный)
Что происходит, так это то, что правый отступ не появляется, он занят содержимым, что означает, что переполнение занимает правое место отступа и только «обрезается» после отступа.
Есть ли способ заставить браузер переполниться перед заполнением вправо, что означает, что мой div будет отображаться с отступом вправо?
То, что я получаю, это первый div на следующем изображении, я хочу что-то вроде 2nd div:
