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 class="wrap"> 
<?php $query = "SELECT caridadkb.shoename, caridadkb.price, caridadkb.moreinfo, caridadkb.airjordan_id 
FROM caridadkb 
WHERE 
airjordan_id= " . (int) $_GET['menu']; 
echo $query; 
$result = mysql_query($query, $connection); 
$i = 1;
while ($content = mysql_fetch_array($result)) { 
  echo "
    <div id=\"shoeinfo1\"> 
        <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>
"; 
    $i++; 
}if ($i > 1 && $i % 3 == 0) {
  echo "<div class=\"clearer\"></div>";
}?>

</div>

PHP: