Два inline div'а, дополнение до ширины ячейки

[unkalien]

Здравствуйте!

Возник следующий вопрос по верстке. Есть ячейка таблицы, в неё выводится сгенерированнный в PHP текст (выделен синим). А после него должен выводится ещё кусок текста, начиная с той же строки (выделено сиреневым).

В принципе все понятно, нужны два div'а с display: inline, но сиреневый блок должен быть редактируем пользователем, т.е. contenteditable=true. Далее он с использованием аякса отправляется на сервер. Проблема возникает, когда блок пустой - тогда пользователю просто некуда тыкнуть мышкой, чтобы его создать.

Идеальным решением было бы растянуть его до конца ячейки, т.е. нечто вроде такого:

(Сиреневый блок ещё не имеет текста, но растягивается на всё доступное место и пользователю есть куда ткнуть чтобы начать его редактировать)

(Какой-то текст был уже введен, первая строка дополняется до ширины ячейки, остальные могут дополнятся а могут и нет - это несущественно)

Но как растянуть на всю ширину ячейки div со стилем inline, я не понимаю. А если без стиля, то он переносится на новую строку, что недопустимо. Как это сделать?

[Switch74]

могу посоветовать в сереневом блоке по умолчанию держать пробел:

1. если блок пустой будет куда ткнуть для редактирования

2. между последним словом не редактируемого блока и первым словом редоктируемого само собой напрашивается пробел

[klierik]

В принципе все понятно, нужны два div'а с display: inline,

а что использовать <span> не комильфо?

растянуть не поулчится, а вот min-width тут вполне подойдет.

[psywalker]

В принципе все понятно, нужны два div'а с display: inline,

а что использовать <span> не комильфо?

растянуть не поулчится, а вот min-width тут вполне подойдет.

Нет, не подойдёт. min-width не применяется к инлайнам, а display: inline-block здесь применять тоже нельзя, иначе текст не будет продолжаться и переходить на другую строку, как нужно.

unkalien

А можно ли делать так, чтобы, скриптами проверялось, если блок пуст, то ставить ему впереди пробельный знак, при чём вот такой " "?