positionを使ったレイアウト

athro https://blog.hatena.ne.jp/athro/ HTML-CSS （演習プロンプト） https://athro.hatenablog.com/ ★コーディング演習 positionを使ったレイアウトテキスト簡単！肉じゃがの作り方煮崩れしにくい肉じゃがレシピです。完成した肉じゃがの写真材料牛肉じゃがいも玉ねぎにんじん糸こんにゃく調味料水手順具材を食べやすい大きさにカットします。カットした具材を鍋に入れて炒めます。調味料と水を鍋に入れ、煮込みます。じゃがいもに味がしみたら完成です。ポイント：じゃがいもは煮物向きなメークインを使いますキットのご購入はこちらレシピのお問い合わせはこちら記述例【HTML】 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fathro.hatenablog.com%2Fentry%2F2025%2F12%2F20%2F000000_2" title="positionを使ったレイアウト - HTML-CSS （演習プロンプト）" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/a/athro/20260315/20260315211440.jpg Hatena Blog https://hatena.blog 2025-12-22 00:00:00 positionを使ったレイアウト rich https://athro.hatenablog.com/entry/2025/12/20/000000_2 1.0 100%