Html 在同一行中将图像向右移动

我找到了一个在线模板

我在模板中做了一些编辑，但不确定如何移动图像。 事实上：

我想要什么：

这是我的代码：

/*重置*/
*
{
边界：0；
框大小：内容框；
颜色：继承；
字体家族：继承；
字体大小：继承；
字体风格：继承；
字体大小：继承；
行高：继承；
列表样式：无；
保证金：0；
填充：0；
文字装饰：无；
垂直对齐：顶部；
}
/*内容可编辑*/
*[内容可编辑]{边框半径：0.25em；最小宽度：1em；轮廓：0；}
*[contenteditable]{光标：指针；}
*[contenteditable]：hover，*[contenteditable]：focus，td:hover*[contenteditable]，td:focus*[contenteditable]，img.hover{背景：#定义；框阴影：0 0 0 1em 0.5em#定义；}
span[contenteditable]{显示：内联块；}
/*标题*/
h1{字体：粗体100%无衬线；字母间距：0.5em；文本对齐：居中；文本转换：大写；}
/*桌子*/
表{字体大小：75%；表布局：固定；宽度：100%；}
表{边框折叠：分隔；边框间距：2px；}
th，td{边框宽度：1px；填充：0.5em；位置：相对；文本对齐：左；}
th，td{边框半径：0.25em；边框样式：实心；}
th{背景：#EEE；边框颜色：#BBB；}
td{边框颜色：#DDD；}
/*页面*/
html{font:16px/1'开放式Sans'，无衬线；溢出：自动；填充：0.5in；}
html{background:#999；cursor:default；}
正文{框大小：边框框；高度：11英寸；边距：0自动；溢出：隐藏；填充：0.5英寸；宽度：8.5英寸；}
主体{背景：#FFF；边框半径：1px；方框阴影：0.01英寸-0.25英寸rgba（0,0,0,0.5）；}
/*标题*/
标题{margin:0em；}
标题：{清除：两者；内容：''；显示：表；}之后
标题h1{背景：#3499DB；边框半径：0.25em；颜色：#FFF；边距：0.01em；填充：0.5em 0；}
标题地址{float:右侧；字体大小：75%；字体样式：正常；行高：1.25；边距：0 1em 1em 0；}
头地址p{margin:0.25em；}
标题范围，标题img{display:block；float:left；}
标题跨距{边距：0 0 1米1米；最大高度：25%；最大宽度：60%；位置：相对；}
收割台img{最大高度：100%；最大宽度：100%；}
标题输入{cursor:pointer；-ms过滤器：“progid:DXImageTransform.Microsoft.Alpha（不透明度=0）”；高度：100%；左侧：0；不透明度：0；位置：绝对；顶部：0；宽度：100%；}
/*文章*/
文章，文章地址，table.meta，table.inventory{margin:0 0 3em；}
文章：{清除：两者；内容：''；显示：表；}
第h1条{剪辑：rect（0）；位置：绝对；}
文章地址{float:左；字体大小：125%；字体大小：粗体；}
/*表元与平衡*/
table.meta{浮点：左；宽度：36%；}
table.balance{浮动：右；宽度：36%；}
table.meta:after，table.balance:after{clear:both；content:；；display:table；}
/*表元*/
table.meta th{宽度：40%；}
table.meta td{宽度：60%；}
/*表项*/
table.inventory{清除：两个；宽度：100%；}
table.th{字体重量：粗体；文本对齐：居中；}
表1.1：第n个子项（1）{宽度：26%；}
表1.1：第n个子项（2）{宽度：38%；}
table.inventory td:n子级（3）{文本对齐：右；宽度：12%；}
table.inventory td:n子项（4）{文本对齐：右；宽度：12%；}
table.inventory td:n子项（5）{文本对齐：右；宽度：12%；}
/*天平*/
table.balance th，table.balance td{宽度：50%；}
table.balance td{text align:right；}
/*旁白*/
h1{边框：无；边框宽度：0 0 1px；边距：0 0 1em；}
h1{边框颜色：#999；边框底部样式：纯色；}
/*隐藏*/
隐藏{
可见性：隐藏；
}
/*javascript*/
.添加，.剪切
{
边框宽度：1px；
显示：块；
字体大小：.8rem；
填充：0.25em 0.5em；
浮动：左；
文本对齐：居中；
宽度：0.6em；
}
.添加，.剪切
{
背景：9AF；
盒影：0 1px2pRGBA（0,0,0,0.2）；
背景图像：-莫兹线性梯度（#00ADEE 5%，#0078A5 100%）；
背景图片：-webkit线性渐变（#00ADEE 5%，#0078A5 100%）；
边界半径：0.5em；
边框颜色：#0076A3；
颜色：#FFF；
光标：指针；
字体大小：粗体；
文本阴影：0-1px2pRGBA（0,0,0,0.333）；
}
添加{边距：-2.5em 0；}
.add:hover{background:#00ADEE；}
.cut{不透明度：0；位置：绝对；顶部：0；左侧：-1.5em；}
.cut{-webkit转换：不透明度100ms易用；}
tr:hover.cut{opacity:1；}
@媒体印刷品{
*{-webkit打印颜色调整：精确；}
html{背景：无；填充：0；}
正文{方框阴影：无；边距：0；}
span:empty{display:none；}
.add、.cut{display:none；}
}
@第{页边距：0；}

发票联
报告
收件人
身份证#
101138
日期
2012年1月1日
位置
德国
使用者
我
项目
描述
比率
量
价格
-前端咨询
经验回顾
$150.00
4.
$600.00
+
全部的
$600.00
已付金额
$0.00
尚欠余额
$600.00
附加说明
30天后，未付余额将收取1.5%的财务费用

问题在于，您需要在

前端咨询中使用
浮动
经验回顾
$150.00
4.
$600.00
+
全部的
$600.00
已付金额
$0.00
尚欠余额
$600.00
附加说明
30天后，未付余额将收取1.5%的财务费用

问题在于，您需要在

前端咨询中使用
浮动
经验回顾
$150.00
4.
$600.00
<header>
  <h1>REPORT</h1>
</header>
<span><img alt="" src="https://s3.amazonaws.com/appforest_uf/f1538843538357x222297661006450660/asdw.jpg"></span>
<article>
....

img {
  float: right;
}