Как отобразить html форму внутри html списка в одной строке?

Question

Я хочу показать список данных в HTML. При отображении данных я вложил эти данные в тег формы, но при печати он не помещается в одну строку

Ввод: -

<ul id="myUL" style="display:flex;flex-wrap:wrap;list-style:none">
     {% for tagname in globalKeywordList%}
          <li style="display:inline;">
               <form action="searchKeyword/{{tagname}}" method="POST">
               {% csrf_token %}
               <button class="btn btn-link" type="submit" name="mostRelevant" data-toggle=”button” value="mostRelevant" style="background-color:transparent;padding:0;margine:0">{{ tagname }}
               </button>&nbsp; | &nbsp;
               </form>
          </li>
     {% endfor %}
</ul>

Вывод : -

Как показано на рисунке, если предложение слишком длинное, оно не начнется с ранее закрытых данных, некоторые пробел остается пустым, а затем начинается

Как решить эту проблему ??