如何使文本和图标正确的div

Question

如何在此照片上制作带有中心文字和图标的div

Answer 1

div{
  text-align: center;
  background: red;
}
div img{
  float: right;
}

Answer 2

文字位于右侧的中间图片

<div style="text-align: center;">
    <img style="position: absolute; right:2.5%;">

Answer 3

有两种方法可以使用以下方法

内联方法

div style="text-align: center;">
    <img style="position: absolute; right:2.5%;">

EXTERNAL CSS方法

div{
  text-align: center;
  background: red;
}
div img{
 float: right;
}

Answer 4

我希望这就是你想要的。

#red {
width:500px;
  height:100px;
  padding:20px;
  background-color:#f70c1e;
  color:white;
  line-height:100px;
  font-size:40px;
  font-family:sans-serif;
  text-align:center;
  
}
img{
float:right;
}

<div id="red"> Yada yada .
  <img src="http://content.nike.com/content/dam/one-nike/en_us/season-2012-su/open-graph/onenike_homepage_v1_opengraph_100x100.jpg" alt="">
  </div>

Answer 5

你也可以把它放在一张桌子里：

<table>
<tr>
<td style='text-align:center;'>Text</td>
<td>Image</td>
</tr>
</table>

和填充的一些css