text-align:center;の中の一部テキストのみをtext-align:left;を適応させたい

HTML.CSSの勉強をしています。
container{text-align:center;}の中のPHOTO BOOK（site-title)を＃container{text-align:center;}に対してPHOTO BOOKのみを左に揃えたいです。どのようなコードを打てばできますか
初心者なので心優しい方教えていただきたいです！
.site-title{text-align:left}

html
1<body>
2  <div id="container">
3 ![/* text-align:left; */](96fdfe6c79c6891f3c44337a3dea414b.jpeg)ader id="header">
4      <h1 class="site-title">
5        <a href="index.html">
6          <img src="img/logo.svg">
7        </a>
8      </h1>
9    </header>
10    <main>
11      <div id="mianvisual">
12        <img src="img/mainvisual.jpg">
13      </div>
14css
15#container{
16  text-align:center;
17}
18
19.site-title{
20  margin:40px 0 5px 0;
21  /* text-align:left; */
22}

hatena19

2021/09/13 11:59

.site-title{text-align:left} で.site-title内のインライン要素は左寄せになるはずですが、どのようにならないのでしょうか。再現できるHTMLとCSSを提示してください。

Lhankor_Mhy

2021/09/14 01:40

logo.svg の縦横サイズを教えてください。

行動規範の内容に同意します

回答1件

こんにちは。

CSS
1#container .site-title{
2  margin:40px 0 5px 0;
3  text-align:left;
4}

とすると、どうなりますでしょうか。

投稿2021/09/14 19:51

退会済みユーザー

総合スコア0

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.47%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！

text-align:center;の中の一部テキストのみをtext-align:left;を適応させたい

関連した質問