如何将图片(标记)与某些文本放在同一行?

时间:2016-12-30 21:57:41

标签: html css image line

可能是一个愚蠢的问题,但我怎样才能在与某些文字看到图像的同一行中获得一张图像(在这种情况下为旗帜)?

enter image description here

到目前为止我的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>

3 个答案:

答案 0 :(得分:3)

试试这个:

&#13;
&#13;
socket.broadcast.emit()
&#13;
img {
  height:20px;
  width:30px;
  display: inline;
}

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

答案 1 :(得分:1)

根据您的代码进行更改:

<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" display="inline"> <span display="inline">FRA</span>
</h4>

答案 2 :(得分:0)

 <html>
 <body>
 <span><h4><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c3/Flag_of_France.svg/30px-Flag_of_France.svg.png" height="10px" width="10px">fra </h4></span>
 </body>
 </html>