Поднять слово на 10px - HTML

MM
На сайте с 14.07.2014
Offline
58
477

Ребята, прошу подсказать!

Как поднять на 10px одно слово по отношению ко всем остальным?

Проблема: Слово "фото.png" (фотка немного выше слова, выглядит коряво!) Можно конечно фотку немного ниже сделать, но мне от этого не легче.

Английская обувь (https://english-shoes.ru) - это индивидуальность которая всегда в моде!
Satisfaction
На сайте с 10.05.2012
Offline
33
#1

HTML

<p>Слово <img></p>

CSS

p {vertical-align: middle}
p img {vertical-align: middle}

Если результат не устроит, может указать произвольное значение в пикселях, в том числе и отрицательное, для свойства vertical-align элементам img, например,

CSS

p img {vertical-align: 2px}
D.iK.iJ
На сайте с 26.05.2013
Offline
239
#2

margin-top: -10px;

Адаптивный дизайн в 2 строчки ( https://dikij.com/wm/adaptaciya-saytov.php ). + Принимаю заказы любой сложности ( https://searchengines.guru/ru/forum/926323 ). 💎 Еще я делаю классные кулоны с опалами ( https://mosaicopal.ru/ ).
MM
На сайте с 14.07.2014
Offline
58
#3

Я счастлив, спасибо!

Satisfaction
На сайте с 10.05.2012
Offline
33
#4

DiKiJ, margin не работает для inline элементов. В данном случае, картинка между текстом является inline элементом.

tommy-gung
На сайте с 22.11.2006
Offline
304
#5

картинка - инлайн-блок, а текст внутри р - инлайн)

Здесь не могла быть ваша реклама
Satisfaction
На сайте с 10.05.2012
Offline
33
#6
tommy-gung:
картинка - инлайн-блок, а текст внутри р - инлайн)

Initial-значением для свойства display элемента img внутри p в Chrome 46 является inline. Поэтому, для использования вертикального margin, нужно предварительно изменить значение свойства display в inline-block.

tommy-gung
На сайте с 22.11.2006
Offline
304
#7

мы о разном ведем речь)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий