как выровнять img внутри div справа?

Question

Я хотел бы знать, как выровнять изображение внутри div с правой стороны?

Answer 1

Вы можете дать окружающим div a

text-align: right

, это оставит пустое пространство слева от изображения.(= изображение будет занимать всю строку).

Если вы хотите, чтобы содержимое отображалось в левой части изображения, используйте

float: right

на изображении.Однако тогда окружающему div потребуется overflow: auto, чтобы растянуть на необходимую высоту.

Answer 2

<div style="width:300px; text-align:right;">
        <img src="someimgage.gif">
</div>

Answer 3

<p>
  <img style="float: right; margin: 0px 15px 15px 0px;" src="files/styles/large_hero_desktop_1x/public/headers/Kids%20on%20iPad%20 %202400x880.jpg?itok=PFa-MXyQ" width="100" />
  Nunc pulvinar lacus id purus ultrices id sagittis neque convallis. Nunc vel libero orci. 
  <br style="clear: both;" />
</p>

Answer 4

Существует множество способов выравнивания с CSS, каждый из которых имеет свои преимущества и недостатки, вы можете протестировать их все, чтобы проверить, какой из них лучше подходит для вашего случая: http://www.w3schools.com/css/css_align.asp

СОВЕТ: Всегда выполняйте поиск, используя W3 в качестве дополнительного слова, которое даст вам в первую очередь ресурсы веб-сайта W3school или w3.org, если они есть.

Answer 5

vertical-align:middle; text-align:right;

Answer 6

<style type="text/css">
>> .imgTop {
>>  display: block;
>>  text-align: right;
>>  }
>> </style>

<img class="imgTop" src="imgName.gif" alt="image description" height="100" width="100">