Is there a reason for the empty 'A' tags between each list item?
It might be worth stripping out all the extra parts and continuing from there:
<h4><b>Online Courses</b></h4><br> <ul class="list-group"> <li class="list-group-item"><a href="https://my_website/course/search.php?search=Some+Search+Terms">Some Search Terms</a></li> <li class="list-group-item"><a href="https://my_website/course/view.php?id=173">This Course Name</a></li> <li class="list-group-item"><a href="https://my_website/course/view.php?id=329">This Course Name</a></li> <li class="list-group-item"><a href="https://my_website/course/view.php?id=327">This Course Name</a></li> </ul>
I hope this helps,
Anthony