Как разместить тег в теге li или button?

Question

Моя цель - разместить тег a внутри тега li или button. Таким образом, информация будет отображаться с левой стороны, а кнопка будет с правой стороны. Я попытался сделать это, просто обернув тег a <li>, однако это не помогло решить проблему. Я не уверен, где проблема возникает. Будем благодарны за любую помощь.

Код:

    <div class="list-group" id="myList">
        <div th:each="ary2 : ${ary2}">
            <li class="list-group-item list-group-item-action dataObj" th:text="${ary2.mAppName}"/>
                <a th:href="@{/findOne/(appcode=${ary2.mAppCode})}" >View</a>
            </li>
        </div> 
    </div> 

Обновлено:

                      <div>
                        <li class="list-group-item list-group-item-action dataObj">Customer Engagement Platform</li>
                      </div>
                      <div>
                        <li class="list-group-item list-group-item-action dataObj">Route Target Worksheet</li>
                      </div>
                      <div>
                        <li class="list-group-item list-group-item-action dataObj">Crisis Management</li>
                      </div>
                      <div>
                        <li class="list-group-item list-group-item-action dataObj">EPIC - Empowered to Positively Impact our Customers</li>
                      </div>
                      <div>
                        <li class="list-group-item list-group-item-action dataObj">Germany Brokerage System Redesign</li>
                      </div>
                      <div>
                        <li class="list-group-item list-group-item-action dataObj">UPS Pickup Point Management Tool</li>
                      </div>
                      <div>
                        <li class="list-group-item list-group-item-action dataObj">PE - Small Sort Label Applicator Weighing</li>
                      </div>

Это результатТеперь я получаю. Как вы можете видеть, он заполняет теги li, но сейчас я не знаю, куда ушел тег a.