html - 如何使内联 block 正确对齐

Question

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

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

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

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


    

Answer 1

在文本之后放置 h1 图像标签可以达到目的。

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