Различные поля изображения на разных страницах CSS

Я работаю на своей веб-странице, где у меня есть несколько описаний пива. Вот два примера этих двух: http://www.xn--l-klubben-k8a.dk/beers/trappistes-rochefort-10/ и http://www.xn--l-klubben-k8a.dk/beers / Esrum-Kloster-OEL /

Моя цель – выровнять весь текст так, чтобы текст не обтекал изображение. Но так как на разных страницах есть разные количества текста (как в случае с двумя ссылками), я не могу установить фиксированный край снизу после изображений, которые будут работать только с одним изображением.

Есть ли способ сделать это, поэтому мне не нужно зависеть от разных размеров изображения и разных объемов текста? И возможно ли это с помощью CSS?

Solutions Collecting From Web of "Различные поля изображения на разных страницах CSS"

Вам нужно немного перекодировать свой CSS.

Так как у вас есть образ вашего пива в собственном контейнере, который помогает.

Но вы хотите настроить CSS:

.beer-description{ float: left; width: 70%; } 

Вы можете настроить его по мере необходимости.

Чтобы не беспокоиться о размере изображения, вы должны иметь ширину (может быть в процентах) на контейнере beer-image а затем 100% ширину на .beer-image img