У меня есть короткий текст, рядом с которым я должен поставить ссылку. Ссылка не должна отображаться как текст, а как изображение. Пока нет проблем, однако для использования изображения я должен установить display:inline-block
чтобы можно было установить ширину/высоту тега. Как только я это сделаю, следующий, который рядом с справа, прыгнет вниз в содержащем div. Я абсолютно неспособен переместить его вверх. Код:
<div>
<p id="pid">Some prefixing text that shouldn't be at the bottom of the div but rather in the middle <a href="#" target="_blank">This is some link</a></p>
</div>
#pid {
border: 1px solid blue;
float: right;
}
#pid a {
display: inline-block;
width: 50px;
height: 53px;
}
Итак, как я мог переместить текст префикса вверх? Большое спасибо!
vertical-align: middle
на теге <a>
выполняет работу?