CSS — как сделать перенос ссылки на новую строку?

Question

[lindim3000]

Добрый день, есть теги с ссылками, как сделать, чтобы ссылка, например: на скорую руку, переносилась, например, слово "На" на предыдущей строке, а "скорую руку" - на след. строке?

Показал на картинке.

Answer 1

[Андрей Голуменов]

Еще можно попробывать word-wrap: break-word; если хотите, чтобы внутри слов переносы были

Comments

[lindim3000]

Спасибо, ваш ответ помог.

[Юрий Лобанов]

@lindim3000 если ответ помог, то его следует отметить решением.

[lindim3000]

извините, я первый раз, отметил!

Answer 2

[The Whiz]

поменяйте на ссылках display: inline-block на inline

Answer 3

[Trow_eu]

Вы уверены, что так будет лучше?
Ссылка все же один элемент, я бы не разбивал, неправильно это как-то. то, что строки неровные выходят, в общем-то нормально, хоть эстетически кому-то и не нравится.

Comments

[lindim3000]

я объяснял это заказчику, но он уперся и хочет так!

Answer 4

[Максим Васильев]

По идее, должно сработать
white-space: nowrap;
на span, содержащий всю ссылку.

Comments

[Максим Васильев]

ой, или задача - сделать наоборот?

[lindim3000]

Да, задача сделать что бы разбивка была

[Максим Васильев]

Ну всёрвно, я бы посмотрел на свойства white-space у всех включающих элементов.