cssのfloatについて
画像と文字を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;
}
どなたかアドバイスを頂けますと幸いです。何卒よろしくお願いします。