Html 如何使用文本和图标右键创建div

Html 如何使用文本和图标右键创建div,html,css,Html,Css,如何使div的中心文本和图标的权利一样,在这张照片上 div{ text-align: center; background: red; } div img{ float: right; } 文本位于右侧图片的中间 <div style="text-align: center;"> <img style="position: absolute; right:2.5%;"> 有两种方法你可以使用以下方法 内联方法 我希望这就是你想要的 红色的{ 宽

如何使div的中心文本和图标的权利一样,在这张照片上

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

文本位于右侧图片的中间

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

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

内联方法
我希望这就是你想要的

红色的{ 宽度:500px; 高度:100px; 填充:20px; 背景色:f70c1e; 颜色:白色; 线高:100px; 字体大小:40px; 字体系列:无衬线; 文本对齐:居中; } img{ 浮动:对; } 雅达雅达。
你也可以把它放在一张桌子上:

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

还有一些填充的css

要不要上传你的HTML+css?使图像位置:绝对,包装位置:相对,然后将图像设置为正确:0;顶部:0;;我在下面提出了一个解决方案。这只会提高我的打字技巧:你在发帖前试过你的答案吗?我知道如果图片很大,它会从div中出来。但是这个问题没有发布CSS和HTML,所以我对他想要的答案不是很清楚。在这种情况下,这个问题不值得回答,应该关闭。事实上,在这个问题上投反对票的人数表明了这一点,而且确实已经结束了。我道歉。我是这里的新手,不知道这一点。
div{
  text-align: center;
  background: red;
}
div img{
 float: right;
}
<table>
<tr>
<td style='text-align:center;'>Text</td>
<td>Image</td>
</tr>
</table>