如何使内联块对齐

Question

我正在尝试将图像对齐到右侧但是尽管使用flex，text-align等重复尝试，但仍然无法做到这一点。

我已经查看了很多问题，但没有找到满意的答案。

＆＃13;

＆＃13;

img {
        display: inline-block;
        text-align: right;
    }

＆＃13;

<h1>
  <img src="burj.jpeg">    
  Enjoy the world of pure travel masti
</h1>


    

＆＃13;

＆＃13;

＆＃13;

Answer 1

你可以使用浮动权利

img {
    float: right;
}

<h1>
        <img src="http://via.placeholder.com/350x150">    
        Enjoy the world of pure travel masti
    </h1>
CSS:-

<强>版

img {
    float: left;
}

<h1>
        <img src="http://via.placeholder.com/350x150">    
        Enjoy the world of pure travel masti
    </h1>
CSS:-

Answer 2

我认为你需要img（=元素名称）而不是.img（=类名），然后使用float：

img {
    display: inline-block;
    float:right;
}

Answer 3

  

您在CSS中使用.运算符，而img是标记名称。   在. #运算符中，id运算符用于类名。在编写CSS时使用直接标记nme。

写下这个。

img {
    display: inline-block;
    float: right;
}

运行here。

Answer 4

在文字之后放置h1图片标记可达到目的。

<h1>  
      Enjoy the world of pure travel masti
      <img src="burj.jpeg" alt="Sample Picture">  
 </h1>