Картинка и текст

Всем привет.

Столкнулся с такой проблемой: пришлось поставить картинку 16x16 и после нее текст, в итоге получилось так, что картинка высокая, а текст в самом низу. Как можно выровнять их вертикально по центру, т.е. чтобы они были на одном уровне? Изменять размер шрифта не вариант.

Спасибо.

Не помогает.

Вот мой код:

попробуйте тексту в этом элементе увеличить line-height
bили заверните его в другой элемент и задайте отступы

Спасибо, помогло.

Только не понимаю, почему текст выравнился вместе картинкой по вертикали, если стиль был задан только для картинки?

И есть еще такой вопросик, если несложно: каким нормальным способом через CSS можно сделать это таким способом, чтобы напрямую картинку нельзя было вытащить? Т.е. чтобы нельзя было ее сохранить из контекстного меню. Когда обычная картинка через <img>, можно, когда картинка через CSS, нельзя. Вопрос: как это красиво оформить?

Спасибо.
(Добавление)

Спасибо, что напомнили, был такой вопрос... Не могли бы вы объяснить как правильно использовать line-height? Т.к. я не совсем понимаю принцип его действия и правильного использования, сколько мануалов по нему прочитал...

наложить поверх другую картинку (прозрачную картинку)

(Отредактировано автором: 24 Августа, 2015 - 22:55:13)

Можно пример, если не затруднит?

К сожалению, не сработало, но спасибо за помощь. Пороюсь в гугле.

так гуглим line-height -первый же сайт http://htmlbook[dot]ru/css/line-height
все равно стырят кому надо.
а вообще делайте цсс спрайт для мелких картинок, тк каждая картинка тормозит загрузку а будет одна...
нет смысла защищать..., но если надо то знак на изображение и защита нотариально, тогда можно и в суде потягаться в случае чего. но повторюсь смысл защищать стремиться к 0

чел воспользуйся этим кодом