CSS - ページ上のテキストの中央揃えとそれに左寄せ

Question

ウェブサイトのデザインに取り組んでいます。このエフェクトを適用しようとしているセクションはh3です。私は明白な何かを欠いているが、私は損失atmにいる。ありがとう！以下は

私のコードです：

HTML

<section id="marketing" class="section fp-section" data-anchor="thirdPage"> 
    <img id="marketingLogo" src="images/marketing.png"> 
    <h2 align="center"> Text goes here</h2> 
    <h3 align="center"> Text goes here</h3> 

CSS

.fp-section h3{ 
    font-size: 20px; 
    margin-right: auto; 
    margin-left: auto; 
    text-align: left; 
} 

Answer 1

あなただけdisplay: block;またはを追加する必要がありますあなたの見出しに。

編集：あなたが聞いていることは矛盾しているようですが。中央に配置したいが左に揃えたい場合、どのように表示されているのでしょうか？

Answer 2

スタイルシートよりも優先される要素にインラインスタイル（align = "center"）があるようです。

出典：https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

Answer 3

まず、あなたがそこにあることを必要としないため、2番目の、それは別のあなたのHTMLとCSSを維持するために最善のすべての最初の、HTMLからalign: centerを削除します。

第二に、あなたはこのCSSを設定する必要があります。

.fp-section h3{ 
    width: 10em; 
    font-size: 1.25em; 
    margin-left: auto; 
    margin-right: auto; 
    text-align: justify; 
} 

あなたはラインは、それがラップすることが長すぎるか何かのようなときに、それゆえ、それを決定的な幅を与えてくれたので、これは動作しますまだ中心にいると、あなたはすでにmargin-left: auto; margin-right: auto;のことが分かっているので、それは完了して完了です。

また、フォントサイズをピクセルからemに変更したのは、異なるシステム間でemがうまく機能すると思ったからです。