组件html不合适

我需要你的帮助，我正在创建一个电子邮件模板。我将添加到模板中的一个组件是一个小的弹出式下拉列表，当您将鼠标悬停在文本“Total”上时，它会出现。 我的问题是，它不是出现在同一行。id为“Number1”的div出现在文本“Josh”的下方，而它应该出现在它旁边。我怎样才能打同一条线

组件html不合适

注意：之后我将在下面添加几个类似于数字1的div

/*-------------------------------------全局一个非常基本的CSS重置------------------*/
* {
保证金：0；
填充：0；
字体系列：“Helvetica Neue”，“Helvetica”，Helvetica，Arial，无衬线；
框大小：边框框；
字体大小：14px；
}
img{
最大宽度：100%；
}
身体{
-webkit字体平滑：抗锯齿；
-webkit文本大小调整：无；
宽度：100%！重要；
身高：100%；
线高：1.6；
}
/*让我们确保所有表都有默认值*/
表td{
垂直对齐：顶部；
}
/*-------------------------------------阀体和容器------------------*/
身体{
背景色：#f6f6f6；
}
.身体包裹{
背景色：#f6f6f6；
宽度：100%；
}
.集装箱{
显示：块！重要；
最大宽度：600px！重要；
保证金：0自动！重要；
/*使它居中*/
清楚：两者都有！很重要；
}
.内容{
最大宽度：600px；
保证金：0自动；
显示：块；
填充：20px；
}
/*------------------------------------页眉、页脚、主*/
梅因先生{
背景：#fff；
边框：1px实心#e9e9e9；
边界半径：3px；
}
.内容包装{
填充：20px；
}
.内容块{
填充：0 20px；
}
.标题{
宽度：100%；
边缘底部：20px；
}
.页脚{
宽度：100%；
明确：两者皆有；
颜色：#999；
填充：20px；
}
.页脚a{
颜色：#999；
}
.footer p，
.页脚a，
.footer取消订阅，
.页脚td{
字体大小：12px；
}
/*-------------------------------------排版------------------*/
h1，
h2，
h3{
字体系列：“Helvetica Neue”，Helvetica，Arial，“Lucida Grande”，无衬线；
颜色：#000；
利润率：40px0；
线高：1.2；
字体大小：400；
}
h1{
字体大小：32px；
字号：500；
}
氢{
字体大小：24px；
}
h3{
字号：18px；
}
h4{
字体大小：14px；
字号：600；
}
P
ul，
ol{
边缘底部：10px；
字体大小：正常；
}
李鹏，
李国宝，
欧利{
左边距：5px；
列表样式位置：内部；
}
/*-------------------------------------链接和按钮------------------*/
a{
颜色：#1ab394；
文字装饰：下划线；
}
.btn主要{
文字装饰：无；
颜色：#FFF；
背景色：#1ab394；
边框：实心#1ab394；
边框宽度：5px10px；
线高：2；
字体大小：粗体；
文本对齐：居中；
光标：指针；
显示：内联块；
边界半径：5px；
文本转换：大写；
}
/*-------------------------------------其他可能有用的样式------------------*/
.最后{
页边距底部：0；
}
.首先{
边际上限：0；
}
.aligncenter{
文本对齐：居中；
}
.对{
文本对齐：右对齐；
}
.左对齐{
文本对齐：左对齐；
}
.清楚{
明确：两者皆有；
}
/*-------------------------------------警报根据警告邮件、好邮件或坏邮件更改类别------------------*/
.警惕{
字体大小：16px；
颜色：#fff；
字号：500；
填充：20px；
文本对齐：居中；
边界半径：3px3px0；
}
.警报a{
颜色：#fff；
文字装饰：无；
字号：500；
字体大小：16px；
}
警告{
背景#f8ac59；
}
.警报，警报坏了{
背景#ed5565；
}
注意，注意{
背景：#1ab394；
}
/*-------------------------------------账单表的发票样式------------------*/
.发票{
利润率：40px自动；
文本对齐：左对齐；
宽度：80%；
}
.发票td{
填充：1px0；
}
.发票.发票项目{
宽度：100%；
}
.发票.发票项目td{
边框顶部：#eee 1px实心；
左侧填充：1px；
}
.发票.发票项目.总td{
边框顶部：2个实心#ddd；
边框底部：2倍实心#ddd；
      <td>Josh</td>