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

Ответ 1

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

text-align: right

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

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

float: right

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

Ответ 2

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

Ответ 3

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

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

Ответ 4

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

Ответ 5

<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>

Ответ 6

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

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