You can put the <i>
tag inside the <p>
tag. As <i>
has inline display it stays on the same line.
To move the rod to the right, just change its position to relative
and add right: 0;
so that it stays right.
#rodape {
text-align: right;
}
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
<div class="row-md-12 container-fluid" id="rodape">
<p style="color: black;padding-top: 7px; ">
Siga-nos! <i class="fab fa-facebook-square"></i>
</p>
</div>