Переполнение контейнера переполнения Tumblr

Question

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

Подписи, то есть комментарии и изображения под самим содержимым, переполнены над установленным контейнером.

Вот код, я использую http://freetexthost.com/abfqho3n5h

Я сделал некоторые небольшие изменения к нему, но ничего серьезного или необратимому, которые не показаны здесь, потому что это не исходный код, так что если вы видите некоторые другая важная проблема, не стесняйтесь говорить мне.

Вот пример того, что происходит http://two-dames.tumblr.com/post/121988188767/randomguy2015-because-tina-madqueenieb.

Answer 1

Добавить перенос слов: брейк-слово в класс сообщений

.posts { 
width: 500px; 
background: #fff; 
color: #aaa; 
font-family: 'Gibson', sans-serif; 
font-size: 12px; 
margin-bottom: 20px; 
padding: 10px 10px 10px 10px; 
text-align: left; 
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; 
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; 
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; 
    word-wrap: break-word; 
} 

Редактировать
Для вашего изображения вы можете определить IMG тег с максимальной шириной: 100%; Это позволяет сохранить пропорции и соответственно масштабировать изображение.

img { 
    max-width: 100%; 
}