cssのfloatについて


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

[code]

    画像　　　　　　　　テキスト
    　　　　　　　　　　テキスト
    
[/code]

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

<https://gyazo.com/482c3bfde93aa748a0db046f111fd086>

HTMLは以下になります。

* * *
[code]

    <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>
    
[/code]

* * *

CSSは以下になります。

[code]

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

* * *

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




CSSでは、class属性への指定方法は「header」ではなくドットが前につき、「.header」となります。以下の書き方を試してください。

[code]

    .header{
      float:right;
      text-align:right;
    }
    
[/code]

