Как исправить ошибку с неправильным положением текста?

Question

[Max Payne]

Как исправить ошибку с переносом текста, чтобы название книги "Остров проклятых" переносилось так же, как и два предыдущих названия?

<div class="left_menu_book">
				<div class="left_menu_content_book_icon">
					<a href="#">
						<img src="Book_icon_64.png">
					</a>
				</div>
				<div class="left_menu_content_book_title">
				Остров проклятых
				</div>
			</div>

.left_menu_content {
				position: relative;
				top: 75px;
				height: calc(100% - 55px);
				width: 100%;
			}
			.left_menu_content_book_icon {
				text-align: -webkit-left;
			}
			.left_menu_content_book_title {
				text-align: -webkit-right;
				margin-top: -64px;
				display: none;
				font-family: 'Trebuchet MS';
    			font-size: 25px;
    			transition: .3s;
			}

Comments

[Евгений Петров]

Вы уже сделайте пример на jsfiddle.net
Что-то мне подсказывает, что это будет не последний вопрос:)

Answer 1

[Евгений Петров]

Вроде, очевидно

.left_menu_content_book_title {
	padding: 0 0 0 64px;
}

Update: Было проще поправить код. Получилось вот так.

Comments

[Max Payne]

Это я пробовал, вот результат: habrastorage.org/files/cdd/cc1/5a0/cddcc15a0812400...

[Евгений Петров]

Arti Markelov: Положите уже код на jsfiddle.net
Ваши проблемы в том коде, что вы не показываете.

[Max Payne]

Евгений Петров: jsfiddle.net/psgfe1m6

[Евгений Петров]

Я подскажу — вы за счёт введения левого отступа увеличили общую ширину. Видимо, где-то прописана ширина для этих элементов. А внешний тупо обрезал прибавившиеся 64 пиксели справа.
Приводите полностью код этого куска, а не то, что вам кажется важным и достаточным.

[Евгений Петров]

Arti Markelov: Для такого размера шрифта у вас слишком небольшая ширина блока. Если вы ограничены шириной в 225 пикселей, уменьшите размер кегля хотя бы до 22 пикселей.

[Max Payne]

Спасибо, всё супер :)