この文章全体（:root）に次のCSSを設定しています:
:root {
text-spacing-trim: trim-start;
}
そこで、この設定をビューアがサポートしていれば行頭約物と連続約物が詰められて（約物に組み込まれた空白が削除されて）、視覚的に行頭が揃うはずです。詰められていなければ次のいずれかでしょう:
text-spacing-trim: trim-start;をサポートしていない以下、段落などの中の括弧は全角（和文括弧）です。
p要素）次の例で、ビューアが約物の詰め（text-spacing-trim: trim-start;）をサポートしているか？を確認できるはずです。
ああああ
「ああああああああああああああああああああ、ああああああああああああああああああああ。」
（「ああ」）ああ
ああああ
「ああああああああああああああああああああ、ああああああああああああああああああああ。」
（「ああ」）ああ
比較のため、同じ段落で、スタイルを「詰めない／全角のまま」（text-spacing-trim: space-all;）に設定した例です。
ああああ
「ああああああああああああああああああああ、ああああああああああああああああああああ。」
（「ああ」）ああ
ああああ
「ああああああああああああああああああああ、ああああああああああああああああああああ。」
（「ああ」）ああ
contentプロパティ）次の例で、段落の先頭にある「」部分は（この説明文中も含めて）先頭と末尾の括弧が全角で、自動生成されています。
ああああ
「ああああああああああああああああああああ、ああああああああああああああああああああ。」
（「ああ」）ああ
ああああ
「ああああああああああああああああああああ、ああああああああああああああああああああ。」
（「ああ」）ああ
ああああ
「ああああああああああああああああああああ、ああああああああああああああああああああ。」
（「ああ」）ああ
ああああ
「ああああああああああああああああああああ、ああああああああああああああああああああ。」
（「ああ」）ああ
ul要素）ol要素）floatプロパティ）リストの番号などの部分を回り込みで配置する例です（リストの番号の配置に回り込みを使う理由は別記事にします）。部分は（この説明文中も含めて）先頭と末尾の括弧が全角、自動生成されています。また、サンプルでは左寄せ（縦組みでは上寄せfloat: inline-start;）に設定しています。比較のため、サンプルの後ろに詰めた段落の例を続けます。
ol要素を使った実装ol要素やli要素を使う実装例です。アクセシビリティのためにol要素などを使います。
ああああ
「ああああああああああああああああああああ、ああああああああああああああああああああ。」
（「ああ」）ああ
ああああ
「ああああああああああああああああああああ、ああああああああああああああああああああ。」
（「ああ」）ああ
ulやolというリスト要素を使わない実装ulやolというリスト要素を使わず、div要素の組み合わせで実装する例です。
ああああ
「ああああああああああああああああああああ、ああああああああああああああああああああ。」
（「ああ」）ああ
ああああ
「ああああああああああああああああああああ、ああああああああああああああああああああ。」
（「ああ」）ああ
表（table要素）では複数の要素を字詰め方向に並べられます。次の例では、1つの行（row）に2つのセル（cell）があり、行（row）の上端には2つの行（line）すなわち2つの行頭があるはずです。
| ああああ | 「ああああああああああああああああああああ、ああああああああああああああああああああ。」 |
| 「ああ。」 | ああああああああああああああああああああああ |
ああああ
「ああああああああああああああああああああ、ああああああああああああああああああああ。」
（「ああ」）ああ
| ああああ | 「ああああああああああああああああああああ、ああああああああああああああああああああ。」 |
| 「ああ。」 | ああああああああああああああああああああああ |
ああああ
「ああああああああああああああああああああ、ああああああああああああああああああああ。」
（「ああ」）ああ
グリッドレイアウト（display: grid;）では、字詰め方向に段落など要素を複数並べられます。次の例では、1つの行（row）に2つのアイテム（item）があり、行（row）の上端には2つの行（line）すなわち2つの行頭があるはずです。
ああああ
「ああああああああああああああああああああ、ああああああああああああああああああああ。」
「ああ。」
ああああああああああああああああああああああ
ああああ
「ああああああああああああああああああああ、ああああああああああああああああああああ。」
（「ああ」）ああ
ああああ
「ああああああああああああああああああああ、ああああああああああああああああああああ。」
「ああ。」
ああああああああああああああああああああああ
ああああ
「ああああああああああああああああああああ、ああああああああああああああああああああ。」
（「ああ」）ああ
フレックスボックスレイアウト（display: flex;）では字詰め方向に段落など要素を複数並べられます。次の例では、主軸（main axis、図では字詰め方向）上に2つのアイテム（item）があり、主軸（main axis）の上端（縦組みでは右端）には2つの行（line）すなわち2つの行頭があるはずです。
ああああ
「ああああああああああああああああああああ、ああああああああああああああああああああ。」
「ああ。」
ああああああああああああああああああああああ
ああああ
「ああああああああああああああああああああ、ああああああああああああああああああああ。」
（「ああ」）ああ
ああああ
「ああああああああああああああああああああ、ああああああああああああああああああああ。」
「ああ。」
ああああああああああああああああああああああ
ああああ
「ああああああああああああああああああああ、ああああああああああああああああああああ。」
（「ああ」）ああ
以上