A 回答 (3件)
- 最新から表示
- 回答順に表示
No.3
- 回答日時:
こんにちは
肝心の文書構成をどうしたいのかについての記載がありませんけれど・・
図と「今なら~」がひとつのセットなら、バラバラにレイアウトをするのではなく、包含要素を設けておいて、そちらで調整すれば良いのでは?
実態が不明ですが、例えば
<figure>
<img ~~>
<figcaption>~~</figcaption>
</figure>
のようになっているとするなら、
figure {
display: flex;
margin-top: ○○;
}
などとしておけば良さそう。
図とキャプションの位置関係は、別に調整すれば良いでしょう。
No.2
- 回答日時:
riribestwanko さん
・・・・右図のような形にしたいのですが、・・・・・
こんな感じですか。↓
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<style>
.wrap {
width: 500px; height: 500px; margin: 0 auto;
box-sizing: border-box;
}
.wrap h1{ margin: 0;
box-sizing: border-box;
width: 100%; padding: 20px;
border: solid #444; text-align: center;
}
.wrap .img{
margin-top: 50px; width: 50%;
text-align: right;
}
.wrap .img img{
width: 200px;
}
.wrap .txt{
width: 50%; margin: 30px 0 0 auto;
font-size: 1.5rem;
}
</style>
</head>
<body>
<div class="wrap">
<h1>Ochawan</h1>
<div class="img"><img src="https://oshiete.xgoo.jp/images/v2/common/profile …
<div class="txt">今なら 100 円</div>
</div>
</body>
</html>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
- HTML・CSS HTMLとCSSによるWebページ生成について。この絵で「ochawan」の文字を枠全体の上から10 4 2023/02/28 23:17
- HTML・CSS 吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな 1 2022/11/12 17:55
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript htmlとcssに関する質問です 3 2022/12/06 05:36
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS img と p を縦中央に配置したいのですがうまくいきません。 2 2023/01/12 14:38
- HTML・CSS htmlとcssで吹き出しの中に文字を置きたいのですが、 html 〈div class bb〉 〈 3 2023/02/04 22:44
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
縦書きのcssについて質問です。...
-
CSSシグネチャ
-
メールソフトBecky!のHTMLメー...
-
outlook 文字を揃えたい。tab...
-
マイクロ(μ)の文字を半角で出...
-
Illustratorで作成、pngで保存...
-
cssファイルの名称付け
-
「MS Pゴシック」と同じ幅の...
-
alertで表示させる文字サイズは...
-
教えてください。
-
Excel:一部のフォントでセルの...
-
入力規則のリストの文字の大き...
-
テーブル内の文字サイズを変更...
-
テキストエディタmiの表示文字...
-
alertで、アイコンの変更、又は...
-
ペイント3Dのテキストサイズ変更
-
プルダウンメニュー表示時の高...
-
IEとfirefox、行間の表示が異...
-
HTMLテキストボックス内の文字...
-
EXCEL VBAでPDFファイルを開い...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
safari でcssがききません!
-
オンラインとオフラインでのcss...
-
cssでリンク先のurlを表示させ...
-
macで見るとホームページが真っ...
-
NN(Netscape)だけに適用され...
-
外部cssのパーミッション?
-
contentプロパティの初期化?
-
このサイトのようにhタグをし...
-
メールソフトBecky!のHTMLメー...
-
インターネットのHTMLが圧縮形...
-
Chromeでcssを表示させると、cs...
-
スクロールバーをカスタマイズ...
-
ホームページビルダーでcssのサ...
-
携帯では指定のタグを無効化す...
-
ユーザビリティ、アクセシビリ...
-
表だけのページにおける表題の...
-
cssが触ってないのに崩れていま...
-
文字の色、大きさを変えるWe...
-
WinIE5にだけCSSを適用させない...
-
CSS、Bootstrapについて contai...
おすすめ情報