上がHTML&css
下がその結果です
まずはinline要素
親要素であるPタグにtext-aligin:centerを宣言すると
Pタグの中で中央ぞろいになってます
しかしPタグ自体は左揃いです
そこでblock要素です
これはそれ自身にmargin:0 auto;を書きます
※親要素ではなく自身にです
するとPタグ自身が中央ぞろいになってます
ただし、text-aligin:centerを書いてないので
子要素の文字は左揃いです
両方を書くとimgタグのようにすべて中央に来ます
今回はこんな感じ
そういえばPタグにpadding設定してるんだけど
一個目にしか聞かないのはなぜ?
ちなみにinline要素は
<a>、<abbr>、<acronym>、<b>、<basefont>、<bdo>、<big>、<br>、<cite>、<code>、<dfn>、
<em>、<font>、<i>、<img>、<input>、<kbd>、<label>、<q>、<s>、<samp>、<select>、
<small>、<span>、<strike>、<strong>、<sub>、<sup>、<textarea>、<tt>、<u>、<var>
block要素は
<address>、<blockquote>、<center>、<div>、<dl>、<fieldset>、<form>、<h1>-<h6>、
<hr>、<noframes>、<noscript>、<ol>、<p>、<pre>、<table>、<ul>
などがあります
よく使うタグには色付けしてます