CSS Вертикальное выравнивание изображения справа

Question

Я пытаюсь выровнять изображение справа от div, div не задан как определенная высота, и ни одно изображение не создается, изображение создается пользователем.

Во всяком случае, я попытался использовать старый метод html4 для выравнивания изображения справа в DIV:

<img src="link" align="right" /> 

И после некоторого чтения я узнал, что она не была поддержана в HTML5, так что я тогда читать дальше и выяснили, что есть стиль CSS называется вертикальной Align, я пытался добавить, что мой образ так:

<img src="link" style="vertical-align:right;" /> 

Но это не удается работать.

Я просто хочу, чтобы изображение перемещалось справа от div.

Answer 1

Другое решение рядом из float:

<div id="ParentImg"> 
<img src="link"/> 
</div> 

CSS:

#ParentImg { 
text-align: right; 
} 

или:

<div style="text-align:right;"> 
<img src="link"/> 
</div> 

Answer 2

Вертикально выровнять по правому краю? не кажется мне правильным. Вы можете использовать float прямо на изображении или выравнивать текст: справа на родительском div.

Answer 3

вы можете использовать тег <span></span> вместо тега <div>, а затем изменить его стили.

<span style='text-align:right'> 
    <img src="link" /> 
</span>