Как сделать текст по ширине max-width?

Question

[Maks]

Есть такая конструкция:
HTML
<div class="block">Some text in the block</div>
CSS

.block {
    width: 100px;
    max-width: 200px;
    background: #ccc;
}

Сейчас текст занимает только 100px и при превышении переносится на следующую строку. Как сделать так, чтобы он мог занимать величину до 200px? (при этом обязательно указание width: 100px)

UPD. Спасибо за ответы. Как я понял, при данных условиях решения нет.

Answer 1

[Vanya Semeschuk]

width: 100%;

Comments

[Maks]

width: 100px; - обязательно

Answer 2

[Денис Инешин]

Только если вы вложите внутрь еще один блок с шириной 200px, только так.

Answer 3

[Виталий Инчин ☢]

То есть, чтобы он вылазил из блока??? Странно, но решаемо через word-wrap.

Answer 4

[chupok]

Я, возможно, плохо понял суть вопроса, но если использовать минимальное и максимальное значения?

.block {
    background: #ccc;
    width: auto;
    min-width: 100px;
    max-width: 200px;
}

Answer 5

[Макс Куликов]

Попробуйте

.block {
    width: 100px;
    max-width: 200px;
    background: #ccc;
}

А к тексту

.block p{
width:200px;
}

Если не получится, то всегда можно сделать position:absolute; на текст