抽象的なテキストを四分割で両端揃えするにはどうすればよいですか?

Question

私は現在学術目的で論文を書いており、当然のことながら、YAML ヘッダーの abstract オプションを使用して要約を追加しました。次のコード (以下を参照) を使用して四分割内のテキストを配置できることはわかっていますが、これは概要自体のテキストの配置では機能しないようです。このテキストを整列させる方法はありますか?

{css, echo: FALSE}
.justify {
  text-align: 両端揃え
}

この再現可能な例は、上記のコードが YAML ヘッダー内のテキストに対して機能しないことを示しています。

---
タイトル: 「抄録のテキストを揃える方法」
形式: html
要約: 「テキストを「中央揃え」にすることも、列の中央の軸に沿って対称的に配置することもできます。これは、作品のタイトル、見出し、詩や歌によく使用されます。右揃えと同様に配置、中央揃えのテキストは、表にデータを表示するためによく使用されます。中央揃えのテキストは、開始端がぎざぎざしているため、読み手が 1 つの行から次の行に進むのが困難になるため、複数の行で構成されるテキスト本体では読みにくくなると考えられています。テキストは、読者の注意を引くことが主な焦点である場合、または視覚的な外観が重要で中央に配置されるテキストの全体量が少ない場合に、看板、チラシ、および同様の文書でもよく見られます。最新の植字プログラムの中には、4 つの位置揃えオプションを提供するものもあります。左揃え、右揃え、中央揃え、および全揃え。これらのバリアントは、段落の全行を左揃えにするか右揃えにするか、中央揃えにするか (端を揃えない)、または完全揃えにするか (列幅全体に広げる) をそれぞれ指定します。複数の種類の位置揃えを提供しないプログラムでは、通常、左揃え (左から右へ記述する言語の場合) または右揃え (右から左へ記述する言語の場合) のみが提供されます。
エディタ:ビジュアル
---

これはレンダリングされた HTML バージョンです

Quarto ガイドやオンライン フォーラムでこの特定の機能を探しましたが、答えが見つかりませんでした。 ありがとう！

Answer 1

text-align: justify を .abstract p CSS セレクターとして使用します。

リーリー

style.css

リーリー

---