Q&A
再現するコードをご提示ください。
またまたどうしても疑問が解決されないので投稿します。
下記画像のプレビュー画面にある赤い背景色にしてあるテキスト部分（<p>タグのテキスト）を「lessonクラス」（HTMLの33行目）の要素の中で中央寄せにしたいと思いました。
まず最初に、分かりやすくする為に該当の要素を「background-color」で赤色にしてみると画像のようになっていたので、この赤い部分を「lessonクラス」の中で中央寄せにすればいいのでは？と思いました。
そこで思いついたのが、「margin: 0 auto:」を使って中央寄せにしようという事でした。
しかし、インライン要素では「margin」が使用できないと習ったので、まずは該当する「<p>タグ（descriという名前でクラス化しています。）」をインラインブロック化してから「margin: 0 auto:」を使って中央寄せにしようとしました。
ところが、下記画像の151行目に「display: inline-block;」と記述しインラインブロック化しただけで中央寄せが完了してしまったのです。
何故かと思い、謎を突き止めようと色々試行錯誤してたのですが、その最中に、今度は下記画像の152行目に試しにとそのまま「margin: 0 auto;」を記述してみたらそれでも中央寄せが完了してしまいました・・・。
インライン要素では「margin」は機能しないんですよね？
色々調べたのですが謎が究明できません・・・何故、インラインブロック化しただけで中央寄せになったのか、何故、インライン要素に対して「margin: 0 auto;」が機能したのか、理由を教えて下さい。
補足願います。
『インライン要素では「margin」は機能しない』とありますが、当該要素は .descri で p要素だと思います。
標準的にはブロック要素として取り扱われると思うのですが、どこかでインラインとしてスタイルを当てているのでしょうか？
向学心旺盛なのはけっこうなことです。ですが、displayというCSSのプロパティ、またinline-blockという要素がどういったものか調べてみましたか？
Lhankor_Mhyさん
すみません・・・<p>はインライン要素だと思っていました・・・。
調べ直したらブロック要素でした・・・。
FKMさん
displayは要素をブロック化、インライン化、インラインブロック化できるプロパティで、例えば上下左右の幅調節ができないインライン要素を、インラインブロック化する事によりpaddingやmarginの機能が使えるようになったりですとか・・・そういう認識です。
インラインブロック自体がどういうものなのか具体的な事は理解していません・・・調べてみます。
大変申し訳ありません！！！！調べ直したところ・・・インライン要素に適用されないのはwidthやheight、marginの上下のみなんですね・・・・なんだか色々と勘違いをしていました・・・恥ずかしい。。。
質問者さんはこの問題について、自己解決されたのでしょうか？
もしそうであれば、自己解決した方法を回答して質問を解決済みにしていただけませんか？また、もしそうでなければ、何がわからないのかを、もう少し詳しく教えていただけませんか？
pタグはインライン要素じゃないよ～と追記しようとしたらすでにされていたようで。
自己解決したなら質問はしめてくださいね
自己解決
