I am trying to vertically align the arrow that comes with the element. As you can see in the demo below two things bother me:
the second line of
You can also rely on flexbox and keep the default behavior:
summary { font-size: 30px; display: flex; align-items:center; } summary > div { width:100%; }
Show more, you can click here on the summary's label to fold down the hidden menu Nothing to see here.