dived CSSモジュールをページ中央に移動する必要があります

Question

私は誰かのためにウェブサイトを構築しており、テキストと大部分の情報をページの中央に配置したいと考えていました。問題は、タグに含まれているものすべてを取得してからクラスを割り当てることができることですが、すべてを集中させることはできません。 divクラスを中心に適用しても、常に左にハングアップします。

私はすべてが中央に揃うようにするには、ページの左側に詰まっていると言えるでしょう。私はすべてのフォーマットをより大きくするだけですが、色のためにバックグラウンドに残っているスペースと、後である程度のイメージを残したいと思っています。彼らは彼らの心を構成していない。

If you want to take a look here is the link where I'm building or testing stuff.私はヘッダーを知っているので、すべてに合うように比例する必要がありますが、参照フレームと同じです。ヘッダーを気にしないで、パープルボーダーの白いテキスト情報エリアに同じサイズを残しておきたいのですが、ちょうどセンターに移動して、それをどうやって行うのか教えてもらえれば大いに感謝します。

Answer 1

これが機能するためにだけ、そのクラスのCSSにmargin: 0 auto;を追加し、そのオブジェクトがあなたのdivのために幅

Answer 2

<div align="center" class="stylex" style="margin:0 auto;width:606px"> 
<span class="heading"><strong>About The Book</strong></span><br> 
<span class="stylez">Mable's Magic Spell</span> Features 28<br> 
    of the most commonly misspelled words by children.<br> 
<br> 
Through rhyming, a visual clue, or a word association,<br> 
<span class="stylez">Mable</span> and her dog <span class="stylez">Mixie</span> take a close look at these words.<br><img src="http://new-wav.com/mable/MableBookCover_small.jpg" class="img" width="457" height="550" align="middle"><br> 
<span class="stylez">Mable's Magic Spell</span> is a book children should read many times.<br> Through repetition, children can succeed at spelling these everyday words.<p></p> 
</div> 

Answer 3

を持っている必要がCSSにmargin: auto;