ну, сделать подчеркивание по ширине последних двух слов - нереально. только если скрипт написать, который будет разделять строку на слова, потом складывать ширины каждого слова, и если ширина превышает ширину блока - значит после этого слова делать еще одну обертку, которая будет подчеркивать.
Ну, оно того не стОит. Лучше упростить дизайн или смириться с inline-block
Ну ладно вам, педантам. :)
Я думаю, задача ясна.
"Украшать" можно сколько угодно. Если на странице не больше 50 совпадений, то зрительно на производительность ни одно из улучшений не повлияет.
Правки нужно внести только в файле стилей.
Сейчас ты добавил несколько классов для картинок. joxi.ru/vAWeoZyHkv9jmW - здесь я подчеркнул эти классы.
Возьми например, допиши для класса full-size в файле стилей (main.css, строка 8) новое правило width: 100%. Но такой вариант может повредить и другие классы, указанные в селекторе на этой строке.
Поэтому лучше допиши в конце файла стилей (main.css) новую строку со следующим содержанием:
img.size-full {width: 100%; max-width: 100%; height: auto;}
И далее, ко всем картинкам, вставляемым в строку, добавляй этот класс (class="size-full"), можно добавлять и другие классы, но лучше будет, если этот класс будет идти последним. И в файле стилей тоже не забудь дописать строку именно в конце, чтобы после этого правила ничто не переписало его.
Ну, оно того не стОит. Лучше упростить дизайн или смириться с inline-block