Как сделать отступ элемента в зависимости размера экрана?

Question

[Дмитрий Филандор]

Всем привет! Вставил на сайт флаги, вот так: joxi.ru/wGrqey4iYDqjrz

Таким кодом:

<span style="float:right;padding-right: 19%;margin-top: 15px;">
<a href="http://*ill.org">  <img src="http://*ill.org/wp-content/uploads/img/United-States.png" title="US" alt="EN"></a>  
<a href="http://*ill.org/ru/"> <img src="http://*ill.org/wp-content/uploads/img/Russia.png" title="RU" alt="RU"> </a>
</span>

вот это padding-right: 19% не решение конечно, на разных экранах флаги то левее то правее -
joxi.ru/wRmzgz4u5DKE2O

как можно это сделать правильно?

Спасибо.

Comments

[Николай]

А как вы хотите чтоб было то? По уровню контейнера?

[Дмитрий Филандор]

Николай: ну вот так - joxi.ru/qVrwQM4cXD3N2X логично и красиво.

[Николай]

Ну можете засунуть его в серый контейнер и через position: absolute задать right:0, top: -50px~

Answer 1

[tigra]

Не совсем понятно, не видно родительских блоков. Нужно больше кода.
Скорее всего всё решится обёртыванием в div, margin: 0 auto; и притягиванием float:right

Comments

[Дмитрий Филандор]

не сработало, прижаты элементы вправо - joxi.ru/4zAN5kgIZnoa29 больше кода - joxi.ru/812MQpqcK9oJ2J

[Котик Антон]

Дмитрий Куликов: Так перенесите флаги внутрь контейнера, в который хотите вложить

[Дмитрий Филандор]

27cm: да, пробовал, вот что выходит - joxi.ru/Y82Q7q6Td7awrd если убрать float, то вообще не то - joxi.ru/LVm6bdPtzYWvmZ

Answer 2

[Stalker_RED]

Почему-бы не поместить флаги в тот-же блок где находится центральная колонка?
https://jsfiddle.net/cb0v8psa/

Comments

[Дмитрий Филандор]

да, пробовал, вот что выходит - joxi.ru/Y82Q7q6Td7awrd если убрать float, то вообще не то - joxi.ru/LVm6bdPtzYWvmZ

[Stalker_RED]

Дмитрий Куликов: чтобы такого небыло, нужно или добавить блоку с флагами clearfix или добавить блоку который после флагов clear: both;

[Stalker_RED]

Дмитрий Куликов: Еще можно через position: absolute
https://jsfiddle.net/cb0v8psa/1/

[Дмитрий Филандор]

Stalker_RED: спасибо, если райт ноль, то опять вправо прижимается joxi.ru/8ZrJqpliW85EAj Сделал так - joxi.ru/DBA04RPCVY8kAy при разных экранах стоит на месте. Слева/справа не особой роли играет, так что оно, спасибо.

[Stalker_RED]

Дмитрий Куликов:

то опять вправо прижимается

Наверное потому, что вы родительскому блоку не задали position: relative;

[Дмитрий Филандор]

Stalker_RED: действительно, добавил к верхнему relative и теперь все гуд....
вот думаю теперь где флаги лучше справа или слева :D