Css 如何将div内的img与右侧对齐？

我想知道如何对齐右侧div内的图像？

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

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

>>.imgTop{
>>显示：块；
>>文本对齐：右对齐；
>>  }
>> 

垂直对齐：中间；文本对齐：右对齐

您可以给周围的

div

a

text-align: right

这将在图像左侧留下空白。（=图像将占据整行）

如果希望内容显示在图像的左侧，请使用

float: right

在图像上。但是，周围的

div

需要

overflow:auto

拉伸到所需的高度。

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

枕叶腔隙、肺动脉和颈动脉矢状面。努克·维勒·利伯罗·奥奇。

与CSS保持一致的方法有很多，每种方法都有其优点和缺点，您可以对它们进行测试，以检查哪种方法更适合您的情况：

---

提示：始终使用W3作为额外单词进行搜索，这将首先为您提供W3学校网站或W3.org的资源（如果有相关信息）。

错误

text align:right

应该应用于父对象

。如果您想消除空白，同时保持文本的正确对齐方式，则可以应用

display:inline

或

inline block

。属性

text align

应用于非文本的内容，这很奇怪。您应该对属性进行注释回答并格式化代码。现在没用了。

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