Перенос плавающего текста в контейнер шириной с жидкость

#html #css

#HTML #css

Вопрос:

В контейнере с процентной шириной символ H2 перемещается влево, а изображение перемещается вправо.

При уменьшении ширины браузера изображение перемещается влево по направлению к H2. Когда они встречаются, логотип опускается ниже H2.

Пример JSFiddle: http://jsfiddle.net/VgS8B/1 /

Как я могу сделать так, чтобы текст начинал переноситься на несколько строк, прежде чем изображение опустится под ним? Что-то вроде CSS «принудительного переноса пробелов»?

Это, вероятно, просто, но мой мозг не работает:(

Ответ №1:

Необходимо ли, чтобы заголовок перемещался влево? Вы можете выровнять его по левому краю, удалить плавающий текст и поместить его под изображением в HTML, чтобы получить желаемый эффект.

Ответ №2:

попробуйте это:

http://jsfiddle.net/VgS8B/5/

Комментарии:

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