Html ellipsis без указания конкретной ширины ⇐ Html

[Anonymous]

Я пытаюсь достичь следующего макета (пожалуйста, см. Скриншот ниже). < /p>

Если оба Span и B подходят для коробки - они просто идут один за другим. < /li>
Если они нет - Span имеет Ellips, но B отображается полностью (он никогда не является большим, чем целый блок). /> b может быть включен в пролет, но это мне не помогло. Я также пытался использовать таблицы, даже вложенные - ничего не помогает .. < /p>

ожидаемое поведение: < /strong> < /p>


< /p>

Код: Выделить всё

div {
width: 200px;
white-space: nowrap;
border: 1px solid red;
margin-top: 10px;
}

span {
overflow: hidden;
text-overflow: ellipsis;
}

b {
padding-left: 10px;
}< /code>

test
12345[/b][b]

test test test test test test test test test test test
50[/b]

Подробнее здесь: https://stackoverflow.com/questions/461 ... ular-width