title: Avoid text to push a div placement in CSS
body: <p>I have a text that will dynamically change length and when the length increase, it pushes the div to the right for it further to the right. What I want is to make sure the text length is not affecting the div on the right, not pushing it. The text start out with one char and will not be longer than two char.</p>
  
  <p>In the picture below I tried to illustrate the problem first, and how I want it to look second. </p>
  
  <p><img src="https://i.stack.imgur.com/E38Uj.png" alt="enter image description here"></p>
  
  <pre><code>#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;
  }
  </code></pre>
  
  <p>heartCount is the text and hjertePic is the div I don´t want to move. Appreciate all the help I can get. :)</p>