画像と文字をfloatで横一列に並べたいです。

画像        テキスト
          テキスト

大きい画像のようなイメージです。

https://gyazo.com/482c3bfde93aa748a0db046f111fd086

HTMLは以下になります。


<body style="margin-top: 24px;">
    <div id="wrap">
    <div class="header"><img src="logo.png">CHEESE DEVELOPMENT</br>GROWTH CEESE</br>CHEESE PERSPECTIVE<br>CHEESE GENERATOR</div>
    <div class="gazou"><img src="bg-cheese.jpg"></div>
    <div class="gazou"><img src="catch.png"></div>

CSSは以下になります。

}
body{
  width:100%; /*ページ全体の幅は100%と指定する*/ 
  text-align:center;/*ページ全体を中央揃えにする*/
}
#wrap{ 
  width: 960px;    /*全体の幅を指定する*/  
  margin: 0 auto;    /*マージンの指定をする、ブラウザ対策*/
  /*全体を左揃えにする。*/
}   
header{
    float:right;
    text-align:right;
}

どなたかアドバイスを頂けますと幸いです。何卒よろしくお願いします。