, чтобы сделать это просто, у меня есть следующий код:
<div> <a>view all your links</a> </div>
ширина div очень мала, поэтому текст "все ваши ссылки" торчит из div. Как мне сделать, чтобы новая строка после "все ваши" так "ссылки" не торчали?
Вы не указали желаемый результат. Вы хотите, чтобы размер div изменился, чтобы вместить всю ширину ссылок? Если так, не помещайте фиксированную ширину в это или любой из его элементов предка. Хотите ли вы обрезать слишком длинные ссылки? Если это так, поместите overflow: hidden в стиле div.
overflow: hidden
Если вы хотите визуально разрывать ссылки, чтобы они не выходили за пределы div, вы можете добавить word-wrap: break-word к a в вашей таблице стилей. Таким образом:
word-wrap: break-word
a
a { word-wrap: break-word; }
Используйте свойство max-width для ссылок a.
max-width
Редактировать: Вам, вероятно, понадобится display: block для тега a.
display: block