There is such code:

<div class="center"> <div class="email"> <a class="a" href="http://localhost/site/en" style="color: #FFFFFF">Switch to</a> <img class="chat" height="20" width="20" src="http://localhost/site/wp-content/uploads/2016/04/img0004.png"> <img class="chat" height="20" width="20" src="http://localhost/site/wp-content/uploads/2016/04/img0003.png"> <a class="a1" href="http://localhost/site/zayavka/" style="color: #FFFFFF"> Оставить заявку</a> <img class="chat" height="20" width="20" src="http://localhost/site/wp-content/uploads/2016/04/img0002.png"> <a class="a" href="mailto:info@1.ru" style="color: #FFFFFF"> Обратная связь</a> </div> </div>

How to leave the first link and picture to the left, and align the remaining four “items” to the right (one “item” after another)? Those. to be so

Inscription-picture ---------------------------------- Picture-inscription-picture-inscription

  • Found an option using position:. There is no other? - Sergey

1 answer 1

Write to float:right elements that should be aligned to the right

https://jsfiddle.net/5mz9x0v6/

  • Thank you very much for the float: !!! To suffer less diva gave align="right" . And it was the float that suffered two “subjects”! - Sergey