如何与文本交换链接图像的位置？

Question

如何在链接的图像和文本之间交换位置？我希望图像在右边，文本在左边，但出现的是左边的图像和右边的文本。

我想交换这个

<div class="language-switcher col border-left">
  <a href="#" class="bahasa">
    <img class="id-flag ml-3 mr-3 mr-lg-3 mb-1" src="Front-End/images/Icon/Indonesia Flag@2x.png" alt="Bahasa Indonesia" />
    ID
  </a>
  <a href="#" class="english col ml-3 border-left">
    <img class="en-flag ml-3 mr-3 mr-lg-3 mb-1" src="Front-End/images/Icon/GBR Flag@2x.png" alt="English" />
    EN
  </a>
</div>

Answer 1

只需更改锚元素的子元素的顺序：

<div class="language-switcher col border-left">
  <a href="#" class="bahasa">
    ID
    <img class="id-flag ml-3 mr-3 mr-lg-3 mb-1" src="Front-End/images/Icon/Indonesia Flag@2x.png" alt="Bahasa Indonesia" />
  </a>
  <a href="#" class="english col ml-3 border-left">
    EN
    <img class="en-flag ml-3 mr-3 mr-lg-3 mb-1" src="Front-End/images/Icon/GBR Flag@2x.png" alt="English" />
  </a>
</div>