文章全体を中央揃えしようとしています。
しかし、style内に入れている!importantでなぜか最優先されません。
idやclassはstyle内で対応してありますが省略。
!importantはここしか書いてません。
また、
margin:0 auto;
でも試しましたが、できませんでした。なぜでしょうか？
naze.html
<head>
<style>
p { text-align: center !important; }
</style>
</head>
<body>
<section id="main">
<h1>ほのかの挨拶</h1>
<p class="item">ジャンボだよ！</p>
</section>
<section id="sub">
<h2>まきちゃんの挨拶</h2>
<p>アニョハセヨー！</p>
<ul>
<li>live</li>
<li>live</li>
<li>live</li>
<li>live</li>
<li>live</li>
<li>live</li>
<li>live</li>
</ul>
</section>
</body>