test
<details>test
test<br>
resr<br><details>test
<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>
test<br></details>
resr<br4>
fdsfdsf
</details>
<details>test
test<br></details>

fdsfdsf
</details>
<q>
resr<br4>
fdsfdsf
</q>

<details>
  <summary>Epcot Center</summary>
  <p>Epcot is a theme park at Walt Disney World Resort featuring exciting attractions, international pavilions, award-winning fireworks and seasonal special events.</p>
  <svg width="100" height="100">
  <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>
</details>
<details> Details 1
 <summary> Summary 1 </summary> 
</details>
<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>
<div aria-busy="true" aria-describedby="progress-bar">
  <!-- content is for this region is loading -->
</div>

<!-- ... -->

<progress id="progress-bar" aria-label="Content loading…"></progress>
<label for="file">Downloading progress:</label>
<progress id="file" value="32" max="100"> 32% </progress>
<svg width="100" height="100">
  <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>
<style>
details {
  margin-left: 2em;
}
summary {
  margin-left: -2em;
}


</style>