html - 如何在与某些文本相同的行中获取图片(标志)？

Question

可能是个愚蠢的问题，但我怎样才能在与某些文本看到图像相同的行中获取图像(在本例中为标志)？

到目前为止我的 HTML 代码:

<h4>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c3/Flag_of_France.svg/30px-Flag_of_France.svg.png" alt="France" height="13px" width="20px"> FRA
</h4>

Answer 1

试试这个:

img {
  height:20px;
  width:30px;
  display: inline;
}

span {
  display: inline;
  height:20px;
  color: blue;
}

        <img src="http://www.defendersofthescroll.com/images/franceflag.gif"  />
        <span>
           FRA
        </span>