全く同意いたします。いつの日かHTMLのタグにtab機能（ワードで使われるレベルの）が採用されてほしいです。

dl, dt, dd 使うかな。 でもこんな風に表っぽいものはtableでいいと思う。 ただ、モバイル対応とからならdl, dt, ddのほうが楽。

ChatGPT先生にいただいたアドバイスがこちらです https://chatgpt.com/share/67841dc2-3854-8011-a191-412ac0789ea9

というかコレ、テーブルなんでレイアウト云々じゃなく使っていいのでは？

これはテーブルのテーブルとしての使い方なので問題ないです。 レイアウトとしてというのはページのヘッダー、フッター、サイドメニューのために使うってことです。 むかーしはそれしか方法が無かったので。

表としての機能を持たせたい、表にして見せたいなら、table 普通に使ってます。ただ、この化学式や複雑な数式を用いる場合で厳密に文字頭を揃えたい時は、利便性を損ねない範囲で画像にしてしまうこともあります〜

モバイル端末で表示させる必要はないのてましょうか。 表で一覧にするので有れば table タグを利用すれば良い良いと思います。ただモバイル端末で表示させる際には工夫が必要になります。

ほい https://web-camp.io/magazine/archives/92996/

borderがない表なので、何ら問題がないと思います。モバイル対応なら、tableの親要素にoverflowのscroll-xなどで良いですしね

化学式の途中に空きを入れたり、読点があるのに後ろを揃えるために空いているのは個人的にはすごく違和感をかんじます。 例だと揃える位置は「（」の前くらいではないかなあと。 手っ取り早い方法だと塊ごとにspanで囲ってmargin-left/rightでコントロールするかな。もしくはdt/dd