title: CSS align images and text on same line
body: <p>I have been searching and trying different methods for hours now.  I just can't seem to get these two images and text all on one line. I want both the images and both text to all be on one line arranged image, text, image, text My images are coded like this with simple styles attacted </p>
  
  <pre><code> &lt;img style='height: 24px; width: 24px; margin-right: 4px;' src='design/like.png'/&gt;&lt;h4 class='liketext'&gt;$likes&lt;/h4&gt;
   &lt;img style='height: 24px; width: 24px; margin-right: 4px;' src='design/dislike.png'/&gt;&lt;h4 class='liketext'&gt;$dislikes&lt;/h4&gt;
  </code></pre>
  
  <p>My "liketext" class is just has a simple text color modifier.  With this code the first image and text are on the same line, and the the next image and text is on the line below.  I want all four objects to be on the same line.  I really have tried to solve this question on my own and appreciate any help given and hopefully this post can help others as well thank you!</p>