Html 避免文本在CSS中推送div位置

我有一个文本，它会动态地改变长度，当长度增加时，它会将div推到右边，使其进一步向右。我想要的是确保文本长度不会影响右边的div，而不是推动它。文本以一个字符开头，长度不超过两个字符

在下面的图片中，我试图先说明问题，然后再说明我希望它看起来如何

#hjertePic {
position: relative;
margin-top: 29%;
margin-right: 26%;
float: right;
margin-left: 25%;
}

#heartCount {
position: relative;
float: left;
margin-top: 5%;
margin-left: 20%;
margin-right: 5%;
font-size: 100px;
color: white;
text-align: center;
}

---

heartCount是文本，hjertePic是我不想移动的div。感谢所有我能得到的帮助。：）

您可能希望使用

display:inline block

和包含以下数字的

div的固定宽度：


.row.number、.row.text{
显示：内联块；
}
.行.号码{
宽度：20px；
}

1.
DIV
2.
DIV
13
DIV
您可能希望使用
显示：内联块
和包含以下数字的
div的固定宽度：


.row.number、.row.text{
显示：内联块；
}
.行.号码{
宽度：20px；
}

1.
DIV
2.
DIV
13
DIV
您可能希望使用
显示：内联块
和包含以下数字的
div的固定宽度：


.row.number、.row.text{
显示：内联块；
}
.行.号码{
宽度：20px；
}

1.
DIV
2.
DIV
13
DIV
您可能希望使用
显示：内联块
和包含以下数字的
div的固定宽度：


.row.number、.row.text{
显示：内联块；
}
.行.号码{
宽度：20px；
}

1.
DIV
2.
DIV
13
DIV
用它制作有序列表。用它制作有序列表。用它制作有序列表。用它制作有序列表。