我可以缩进显示在摘要标签显示下方的详细标签信息吗？

Question

是否可以缩进摘要标签下显示的详细信息？目前，信息与两个标签均左对齐。

    <details> Details 1
     <summary> Summary 1 </summary> 
    </details>
    
    <details>
     <summary> Summary 2 </summary> 
     Details 2
    </details>
    
    <details> Details 3
     <summary> Summary 3 </summary> 
    </details>

我尝试过文本缩进，但它缩进了摘要信息而不是细节。

Answer 1

负边际似乎效果很好。

details {
  margin-left: 2em;
}

summary {
  margin-left: -2em;
}

<details> Details 1
 <summary> Summary 1 </summary> 
</details>

<details>
 <summary> Summary 2 </summary> 
 Details 2
</details>

<details> Details 3
 <summary> Summary 3 </summary> 
</details>