cssのfloatについて

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

画像テキスト
テキスト

大きい画像

のようなイメージです。

https://gyazo.com/482c3bfde93aa748a0db046f111fd086

HTMLは以下になります。
ーーーーーーーーーーーーーー

GROWTH CEESECHEESE PERSPECTIVE
CHEESE GENERATOR

ーーーーーーーーーーーーーーーー
CSSは以下になります。

}
body{
width:100%; /ページ全体の幅は100%と指定する/
text-align:center;/ページ全体を中央揃えにする/
}

wrap{
width: 960px; /全体の幅を指定する/
margin: 0 auto; /マージンの指定をする、ブラウザ対策/
/全体を左揃えにする。/
}
header{
float:right;
text-align:right;
}

お知恵をお貸し頂けますと幸いです。
何卒よろしくお願いします。

Lhankor_Mhy

2016/03/07 06:13

コピペミスかと思いますが、HTMLがご提示されていないようです。ご確認ください。

ogaaaan

2016/03/14 03:41

何に困ってるのかがわかりません。

行動規範の内容に同意します

回答1件

画像のようにするならこんなものでしょうか

html
1<style>
2#top-header:after{
3	content: "";
4	display: block;
5	clear: both;
6}
7
8#top-header img{
9	float: left;
10}
11
12/* サンプルの画像用 */
13[src="small-img.jpg"]{
14	width: 100px;
15	height: 60px;
16}
17[src="large-img.jpg"]{
18	width: 100%;
19	height: 400px;
20}
21</style>
22
23<header id="top-header">
24	<img src="small-img.jpg">
25	<p>テキスト１</p>
26</header>
27<div>
28	<p>テキスト２<br>テキスト３</p>
29</div>
30<div>
31	<img src="large-img.jpg">
32</div>