「HP作り」の過去記事

 2011/9/9 九州のもんたよしのりさんからお答え2

(Q2)教科書によると、表を画面中央(左右方向)に置くには、CSS文書中でtableセレクタのmargin属性を使い

table [ margin-right: auto; margin-left: auto; }

とあるが、うまくいかなかった。仕方なくHTML文書中のcenterを使ってしのいでいる。なぜmargin属性がうまくいかなかったのかな?

→こちらが私の実施例です

(A2)「九州のもんたよしのり」さん
これもA1と同じ考え方をすれば良いです。むしろalign属性を使うのが正解です。

「九州のもんたよしのり」さん、ありがとう。

 2011/9/9 九州のもんたよしのりさんからお答え1

(Q1)教科書によると、水平線の左右の寄せ方向の変更は、margin指定によるとの事で、下の2通りのCSS記述をトライしましたが、水平線の位置は全然変化しませんでした。

記述その1
hr{ ・・・; margin -left: auto; }

記述その2
hr{ ・・・; margin -right: auto; }

なぜmargin属性がうまくいかなかったのかな?

(A1)「九州のもんたよしのり」さん
水平線の左右揃えはmarginではなく、text-alignが正解です。例えば、
 hr{ ・・・; text-align: left; }
と記述すれば良いですよ

さっそく試したところ、その通りでした。「九州のもんたよしのり」さん、ありがとう。 説明ページも修正しておきました(→こちらです