No.1ベストアンサー
- 回答日時:
次のような感じで作れば、画像のみを左に寄せることができます。
●CSS
body {
margin: 0;
padding: 0;
}
.img_left {
float: left;
margin: 0 10px 10px 0;
}
.space {
margin: 0 0 0 1em;
}
●HTML
<body>
<img class="img_left" src="image.jpg" width="" height="" alt="" />
<div class="space">
<p>文章です。</p>
</div>
説明しますと、
<body>はmargin、paddingともに「0」です。
<img>は左寄せ回込みで、marginが上「0」右「10px」下「10px」左「0」です。
<div>~</div>の中は、marginが左側のみ「1em」であとは「0」です。
<img>と<div>は、classでスタイルを指定していますので、適度な場所にのみスタイルを設定できます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- WordPress(ワードプレス) ワードプレスで、左寄せ画像と文字を横並びにせず、画像の下に文字を表示される方法を教えてください 1 2022/04/24 11:06
- 画像編集・動画編集・音楽編集 medibang paint を使っているのですが、 [画像をレイヤーとして開く]で写真をトレースし 2 2023/03/18 04:36
- Evernote Evernote(エバーノート)の文字化け 1 2022/04/05 19:30
- HTML・CSS 画像が分割されて切り替わる、ループアニメーションが作りたい 7 2023/05/27 17:12
- PDF 画像調整してスクショし保存した画像をPC画面と同画質で印刷する方法 1 2022/03/31 19:09
- その他(IT・Webサービス) 画像調整してスクショし保存した画像をPC画面と同画質で印刷する方法 3 2022/03/31 19:11
- Windows 10 フォルダ内の全ての画像を矢印キーでスライドできるようにしたい 1 2022/10/21 12:53
- Windows 10 2つのウィンドウ選択時の表示について 10 2023/07/25 08:48
- 日本語 池にいた白鳥がこちらへゆっくりと寄ってきたのですが、日本語で適切に表現するとどうなりますか? 7 2022/10/30 17:13
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
CSSがなぜかfont-sizeだけ効か...
-
CSSでボックスのheightが0になる
-
Flexslider2のカーセルスライダ...
-
CSSの角丸での質問です。 今、C...
-
スクロールボックスを中央に配...
-
CSS、width100%でもできる余白
-
widthやheightの数値に単位(px...
-
ul liのclass指定について
-
FFにおけるDIVタグ間の隙間につ...
-
safariやFirefoxで右のカラムが...
-
CSSで画像の配置について
-
背景が下まで表示されないんです。
-
Firefoxで一番下のstickyが上に...
-
CSSで背景画像を一番下にもって...
-
li 黒丸含んで移動する方法
-
html5 2段組で行頭を揃える方法
-
CSSでborderの長さを指定、また...
-
スタイルシートで画面を縦に2...
-
CSS windowsIE 最後の文字が...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
widthやheightの数値に単位(px...
-
css初心者 フレックスボックス...
-
form input テキストを上下中央...
-
<div>と<div>の間の10px程の...
-
CSSがなぜかfont-sizeだけ効か...
-
divで囲まれたpaddingの指定を...
-
表示倍率を変えるとレイアウト...
-
画像イメージの上下左右、欲し...
-
CSS、width100%でもできる余白
-
cssで中央寄せ
-
CSS:animation開始位置の設定
-
スクロールボックスを中央に配...
-
CSSで背景画像を一番下にもって...
-
【CSS】ヘッダーの高さが不明の...
-
初心者html・CSS ウィンドウを...
-
footer を横幅いっぱいに広げる...
-
CSSで指定した背景画像にリンク...
-
div領域をウインドウサイズに合...
-
W3Cのソースコードの検証サービ...
おすすめ情報