title: CSS float image align
body: <p>I need to add this image <img src="https://i.stack.imgur.com/68LQd.png" alt="enter image description here"> at the end of a line, in this way </p>
  
  <p><img src="https://i.stack.imgur.com/7JmZy.png" alt="enter image description here"></p>
  
  <p>Style:</p>
  
  <pre><code>h4 { border-bottom: 1px solid black; font-size: 1.6em;}
  </code></pre>
  
  <p>Code that I did:</p>
  
  <pre><code>&lt;h4&gt;Socializziamo &lt;img src="flourish-decoration.png" 
      style="position:relative; display:inline-block; float:right;bottom:-7px;" /&gt;
  &lt;/h4&gt;
  </code></pre>
  
  <p>Is there a better way, because my solution sometimes does not works...</p>
  
  <p>Riccardo</p>