HTML,CSSコーディングの際にリンクを画面の幅に合わせて改行させたい場合はword-breakを使おう

HTMLのリンクはひとつの単語として扱われてしまうので、 その場合はCSSのword-breakを使いましょう。

.word-break{
    word-break: break-all;
}

こういうのを作ってしまいましょう！

そして、画面に合わせて改行させたいHTMLのリンクのクラスにword-breakを指定すればOKです！