How to make id = "tunika" on the left, and id "misha" on the right, but in one row

html <!--Подвал--> <div class="footer"> <i id="tunika">(C) Tunika7 2018</i> <i id="misha">by Misha Nikolov</i> </div> 

    2 answers 2

     .footer { display: flex; justify-content: space-between; flex-wrap: wrap; } 
     <div class="footer"> <i id="tunika">(C) Tunika7 2018</i> <i id="misha">by Misha Nikolov</i> </div> 

      I think the answer of the previous commentator is correct. Through Flexbox can be done. But if you did not teach, then your version is float: right or float: left; In general, there are many options, it all depends on your wits. You can even gash through the table. But this is already outdated technology.