【HTML】summaryにh3タグを使いたい

Question

実現したいこと

• summaryにh3タグを使いたい

前提

notionからHTMLをエクスポートして微調整しているときに、「トグル見出し」だけどうしてもうまくHTML化できません。

<details>タグ内の<summary>タグ（トグルのタイトル）をh3にしたいのですが不可能ですか？

該当のソースコード

<details>
　<summary>タイトル（ここをh3にしたい）</summary>
　本文
</details>

試したこと

h3でsummaryを囲む
⇒タイトルがトグルの中に入ってしまう

summaryでh3を囲む
⇒トグルの▼とタイトルがずれてしまう

h3でdetailsを囲む
⇒本文まですべてにh3が適用されてしまうが、一番マシ

Answer 1

summaryでh3を囲む

これか、summaryをh3と同じ見た目に調整するのがよいでしょう。
前者の場合は、display: inline-block などを足しましょう。

<details>
　<summary><h3 style="display:inline-block;">タイトル</h3></summary>
　本文
</details>

Comments

[nana-nana]

ありがとうございます！！！！！！！
display: inline-blockを追加することで、無事解決しました！！！
大変困っていたので本当に助かりました。ありがとうございます。