Icon fa-aligned icons

Question

I have a question: When listing this menu, the arrow icon (Angle) is on the left side, but I wanted it to be on the right side. I tried some alignments but without success. How could I do it? I can do it right in style?

<li class="dropdown">
    <a href="#">Menu Principal</a>
    <ul>
        <li><a href="#"><i class="fa fa-angle-right" aria-hidden="true" style="margin-top: 5px; margin-right: 5px;"></i> Subitem</a>
            <ul>
                <li><a href="#">Subitem do subitem</a></li>
                <li><a href="#">Subitem do subitem</a></li>
                <li><a href="#">Subitem do subitem</a></li>
                <li><a href="#">Subitem do subitem</a></li>
                <li><a href="#">Subitem do subitem</a></li>
                <li><a href="#">Subitem do subitem</a></li>
                <li><a href="#">Subitem do subitem</a></li>
                <li><a href="#">Subitem do subitem</a></li>
                <li><a href="#">Subitem do subitem</a></li>
            </ul>
        </li>

    </ul>
</li>