Help me align this two elements thank you.

check the Rate: text in the picture and the rating square that are not aligned. I don't know how to handle so they can look aligned.

Right now it looks like




I want it to look like.

<div id="shoeinfo">
	<img src="../images/spacer.gif" width="95%" height="7" style="position:relative; left:7px;"/>
		<h2 class="infohead">" . $content['shoename'] . "</h2>
		<div class="video"><img class="line" src="images/videoplayer.jpg" alt="videoplayer" width="100%" height="100%"></div>

		<h5> Rate:</h5>
<h4>";
$ratingData = Rating::OutputRating($content['shoename']);
      
      if (Error::HasErrors())
      {
        echo Error::ShowErrorMessages();
        Error::ClearErrors();
      }
      else
      {
        echo $ratingData;
      }  
	  echo"</h4>
    	
       <h3>Prosedimiento:</h3>
    	<p>Womens fashion shoes with higher 
    	heels generally have pre-made, thin,
    	flexible, leather or resin rubber fitted
    	soles, made using the bottom pattern
    	created from the last. Two shapes of
    	sole are made this way, one for a Louis
    	heel, and the other for a Knock-on type. </p> 
	</div>

PHP:

 

Wouldn't we need a copy of the html output to suggest style properties that might best suit your needs?