Якорный тег внутри div отображается вне div при сворачивании браузера

Question

Когда я свернул браузер, текст внутри тега привязки выходит за пределы div.

<ul style="font-size:18px;">
  <li >Goto you <a href="https://www.youstable.com/hosting/web-hosting" >https://www.youstable.com/hosting/web-hosting</a> and select the hosting plan you would like to go with.</li>
<li style="list-style-type:none">
<center><img src="images/hosting.png" class="img-responsive" alt="Paid Hosting"></center>
</li>
</ul>

Answer 1

добавлено свойство word-break

<ul style="font-size:18px;">
  <li >Goto you <a style="word-break: break-all;" href="https://www.youstable.com/hosting/web-hosting" >https://www.youstable.com/hosting/web-hosting</a> and select the hosting plan you would like to go with.</li>
<li style="list-style-type:none">
<center><img src="images/hosting.png" class="img-responsive" alt="Paid Hosting"></center>
</li>
</ul>