I was creating a guide in WordPress with the Classic Editor. In the guide, I was about to create a separate section here,

https://www.payuoc.com/home-furnishing-decor/best-mattress/

I referred to some bootstrap snippets available on the internet. I pasted this code in the Text area

<ul class="list-inline small">
              <li class="list-inline-item m-0"><i class="fa fa-star text-success"></i></li>
              <li class="list-inline-item m-0"><i class="fa fa-star text-success"></i></li>
              <li class="list-inline-item m-0"><i class="fa fa-star text-success"></i></li>
              <li class="list-inline-item m-0"><i class="fa fa-star text-success"></i></li>
              <li class="list-inline-item m-0"><i class="fa fa-star-half-alt text-success"></i></li>
</ul>

When I switch to the visual section, the i element gets removed. How to prevent elements from getting removed while switching to the visual section?