html Div レイアウトがずれます．

レイアウトがずれてしまうので
教えてください．

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>CSSのテスト</title> </head> <body>

div style="border:1px solid gray; text-align:left; font-size:12pt; width: 500px">
</BR></BR></BR>

<div style="border:1px solid gray; text-align:left; font-size:12pt; width: 500px"> <img src="san0.gif" alt="" style="float: left; clear:both;"> 日本では三輪車が走っているのを見ることは少なくなりました。日本では三輪車が走っているのを見ることは少なくなりました。日本では三輪車が走っているのを見ることは少なくなりました。 <hr> <img src="san1.gif" alt="" style="float: left; clear:both;"> 日本では三輪車が走っているのを見ることは少なくなりました。 <hr> <img src="san2.gif" alt="" style="float: left; clear:both;"> 日本では三輪車が走っているのを見ることは少なくなりました。 <hr> </div> </body> </html>

sasa_

2020/08/29 10:00

コードはMarkdown記法で記入をお願いします。<code>をクリックするといいですよ。どのようにずれてしまうのかもお教えいただけると嬉しいです。なお、<body>直後のdiv要素の開始タグがおかしいです。<が抜けてます。

murakamikesao

2020/08/30 12:49

sasa_2020/08/29 19:00様 <body>直後のdiv要素の開始タグがおかしいです。これは、html Div レイアウトがずれます．をスクリーンショットでとる為に書いたものです．コードはMarkdown記法で記入をお願いします。<code>をクリックするといいですよ。方法がわからず、混乱しています．スクリーンショットを送りたいのですがどのようにすればいいですか．解決方法（自己解決の場合のみ記入してください）の下に画像を送れそうなアイコンがあるのですが、これは、違うと認識しています．是非、ご指導のほどお願いします．コードはMarkdown記法で記入をお願いします。<code>をクリックするといいですよ。この場面でもできるものなのでしょうか．

sasa_

2020/08/31 02:43

申し訳ないのですが「スクリーンショットでとる為」の意味が把握できません。質問の再編集はログインしていればタイトルしたの投稿年月日横に編集リンクが表示されると思います。 Markdownについては下記を参考にしてください。 https://teratail.com/help/question-tips ブラウザ上の表示は画像で、コードはMarkdownで示した上で、「どの部分がどうなっていて、どうしたいのか」を具体的にご説明いただけると回答しやすくなります。

murakamikesao

2020/09/01 07:54

質問フォームの使い方がわからず失礼しました．画像を添付したつもりでいます．3枚です． - 文字の大きさを変えるレイアウトがくずれます． (12c9bf15868ce86730c87aeb2a4c186c.jpeg)](5e687f650d6b06a3f136a6b25befa9a5.jpeg)](cf7f62d6d2ca2d2d7e50b70b3e841dc2.jpeg