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

Question

[Арсен Асатрян]

Ребята, привет!! Никак целый день не могу решить эту задачу. Помогите!!

У меня не хочет сдвигаться вправо текст в мобильной версии сайта, хотя через компьютер все сдвигается хорошо.

Вот мой код:



Вот так текст получается в реальности:

Comments

[Александр]

Использовать media запрос или переверстать по-человечески.

Answer 1

[S-a-n-d-r-0]

в атрибут style к span добавить margin-left: 20px; ?

Comments

[Арсен Асатрян]

Спасибо, получилось!! Но только немного не до конца. Передвинулась только верхняя часть (так и должно быть вроде), а можно ли сделать так, чтобы и нижняя часть тоже передвинулась?

Делаем для красоты :)

[VPVPVP]

Арсен Асатрян, пропишите margin в style от самой картинки,по аналогии.

[S-a-n-d-r-0]

Попробуйте у тега <p> margin-left выставить не в процентах, а в пикселях. Например, не 6% а 20px. Думаю, на мобильной съезжало именно из-за этого - ширина контейнера становилась меньше, т.к. мобильный экран более узкий, и эти 6% от контейнера становились совсем крохотными. Если поставить значение в пикселях, и на мобильной и через компьютер отступ будет одинаковым.

[Арсен Асатрян]

VPVPVP, Спасибо большое, все получилось!!