Нерентабельно. А вдруг в дальнейшем ему придется в каком-то графическом объекте сменить положение? Придется переписывать всё. Поэтому лучше будет, создать отдельный класс:
#img-middle {
vertical-align: middle;
}
и присвоить его изображению: <img src="..." id="img-middle" alt="" />.
padding - объем. На разных устройствах этот объем либо увеличивается, либо уменьшается, т.е изменяется, поэтому он не сможет выровнять изображение по середине.
Ребята, у меня сейчас вот так.. а в центр оно не хочет прыгать апо верху стоит
<?echo '<img style="
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
vertical-align: middle;
float: right;
" src="/pages/soo/img/soo.info.png" align="middle" alt="lorem">';?>
[мошенник] го говноверстать, присвой margin-top: 10px;
Вообщем, присвой картинке класс:
<img src="" class="image" alt="image" />
Вставь в дизайн, оформление класса:
div.image {
vertical-align: middle;
}
или ещё проще, так:
<img src="" style="vertical-align: middle;" alt="image" />
Добавлено 16.05.15 в 22:18:34:
[code]<?
echo '<img style="
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
vertical-align: middle;
float: right;
" src="/pages/soo/img/
soo.info.png" alt="lorem">';
?>[/code]
float: right; Вам не о чём не говорит? У вас там 2 изображения и явно у 1 изображения тоже стоит float: right;, поэтому второе изображение, которые Вы хотите выровнять, не выровняется, потому что оно плавающие( float) и если его область занята, а она занята первым изображением, то изображение начинает плавать, в Opera получилось бы изображение на изображение.
