Как перенести слово при нехватке места?

Question

[HongThong]

<div class="list-item-with-circle card-other-resource__item">
      <span class="list-item-with-circle__product">Lorem ipsum dolor sit amet, consectetur adipiscing elit</span>
      <div class="list-item-with-circle__linksWrapper">
		<div class="list-item-with-circle__linkWrapper"><a href="#" class="link link_sm link_normal">Установка</a></div>
		<div class="list-item-with-circle__linkWrapper"><a href="#" class="link link_sm link_normal">Активация</a></div>
		<div class="list-item-with-circle__linkWrapper"><a href="#" class="link link_sm link_normal">Обновление</a</div>
     </div>
  </div>

Сейчас блок с ссылками переносится полностью, нужно чтобы последняя ссылка переносилась на новую строку при нехватке места. Как здесь

Answer 1

[KononovD]

<div class="list-item-with-circle card-other-resource__item">
        <span class="list-item-with-circle__product">Lorem ipsum dolor sit amet, consectetur adipiscing elit</span>
        <div class="list-item-with-circle__links-wrapper">
          <a href="# " class="link link_sm link_normal">
            Установка
          </a>
          <a href="# " class="link link_sm link_normal">
            Активация
          </a>
          <a href="# " class="link link_sm link_normal">
            Обновление
          </a>
        </div >
      </div >

.list-item-with-circle__links-wrapper{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
}