<div id="logo" style="center"><img src="logo1.png"></img></div><br><br><br><br><br><br><br></div>
これは機能しません。divのスタイルの問題は何ですか?構文が間違っていると確信しています。
「センター」はスタイルではありません。あなたはおそらく探していtext-align: center
ます。
画像は改行のように自己閉鎖します。は使用しません</img>
。
</div>
行の終わりに予備のクロージングがあります。そのうちの1つを削除する必要があります。どの場所に配置するか、わかりません。
<div id="logo" style="text-align: center"><img src="logo1.png"></div><br><br><br><br><br><br><br>
そのようにdivでスタイルを定義することはできません。代わりに、cssでdivプロパティを定義し、cssのクラスまたはIDを呼び出すことができます。
要素を中央に配置する最良の方法は、おそらくその幅を指定し、サイドマージンをautoに設定することです。
たとえば、logo1.pngの幅が570ピクセルの場合、cssで次のようにします。
#logo{
margin:0px;
margin-left:auto;
margin-right:auto;
width:570px;
}
これを試して。divを機能させるには、以下に示すようにdivの幅を設定する必要があります。div内のテキストが中央に配置されるように指定するには、style = "text-align:center"を適用するだけです。
<div id="logo" style="margin-left: auto; margin-right: auto; width: 500px; border: 1px solid #ff0000">Your content here....</div>
注:500pxの幅を希望の幅に設定してください。また、border:ディレクティブを削除します。DIVが中央に配置されていることがわかるように追加しました。