Юрий Лобанов

К сожалению браузеры не умеют убирать висячие строки. Так что универсального решения Вы не найдете. Либо все переверстывать вручную, используя таблицы, выравнивания, margin и т. д., либо попробовать написать js скрипт (или поискать готовый), который справится с этими строками.
Алгоритм видится следующий: функция берет абзацы, последовательно считает высоту, складывая. Если Высоты превышает высоту обтекаемого объекта, то дальше уже эта сумма сравнивается с высотой обтекаемого объекта, разница делится на высоту строк. Если получается больше 2, или 0 при округлении, то проблемы нет, если 1, то значит есть висячая строка и абзацу/абзацам лучше задать постоянную ширину, ну или попробовать висячую строку в спан и relative'ом пододвинуть.
Хотя возможно это велосипед.

Можете через видео-конференцию, или сделайте скриншоты, а чтобы показать динамику - используйте gifcam и запишите несколько gif 'ок

Почему не сделать так?
codepen.io/iiil/pen/Brknu

upd:
@uranus235 повторяю, все работает. Не поленился и записал gif
https://www.dropbox.com/s/9n44lszojcoc9ck/gif.gif.gif

Смотрите какие ошибки в консоли, или киньте ссылку на сайт.

Попробуйте вписать комментарий или любой блок в html — если ничего не изменилось — то или кэширование виновато, или не там меняете. Если новый html появился — то открывайте отладчик хром или firebug и смотрите какие стили за что отвечают.
Вы показываете скриншоты и html, а непосредственно то, что отвечает за позиционирование (в отсутствии инлайн-стилей), то есть css, не показываете — наталкивает на мысль, что Вы взялись не за свою работу.

Какой ответ кроме как: «Заменить на изображение более высокого разрешения» — Вы ждете? Вот честное слово — интересно.

Использовать font-weight для активной ссылки можно только если справа ничего не стоит или задана фиксированная ширина. Все остальные варианты, в т. ч. letter-spacing — это очень шаткие варианты, очень зависимые от системы.
Вопрос можно решить с помощью js, но делать такое с помощью js не рекомендую, лучше поговорите с дизайнером.

Посмотрите frontender.com.ua/mobile-web/wtf-viewport

Есть символы необязательного переноса строки
citforum.ru/internet/html40/struct/text.html
Можете все попробовать. Но вот один из них (пробел нулевой ширины) прекрасно работает (проверил в ff, chrome, ie10):
jsfiddle.net/ASsQh/1
Но с точки зрения типографики Ваша запись неправильная, нельзя через «+» слова так писать, вроде как пробелами надо плюс обрамлять или писать солнечно-литиевая, или солнечная и литиевая.
Короче, это Вам информация для размышления, на вопрос я в общем-то ответил :)

Вы можете использовать css3 transform scale htmlbook.ru/css/transform
Но если речь идет об изменении масштаба пользователем посредством настройки браузера — то нет, Вы не сможете это сделать. Более того, за подобные штуки в мобильных версиях сайта через

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

надо руки отрывать.
Нельзя навязывать такие вещи пользователю, масштаб не просто так придуман.

var ri = /(>)\s(<)/gmi;
var re = '$1\n$2';

codepen.io/iiil/pen/hfgmo