Home Can I indent the details tag information that shows beneath a summary tag display?

Questions

Can I indent the details tag information that shows beneath a summary tag display?

November 15, 2021

Is it possible to indent the details information as it shows under the summary tag?
Currently the information is left-aligned with both tags.

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

I have tried text-indent, but it indents the summary information and NOT the details.

>Solution :

A negative margin seems to work pretty well.

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>