<div class="main">
<details>
	<summary>見出し</summary>
	<p>このように、本文を入れることが出来ます。</p>
</details>
</div>

body{
	box-sizing: border-box;
	margin:0;
	padding:0
}
.main{
	width: 80%;
	height: 100%;
	margin: auto;

}
details{
	margin-top: 25px;
  padding: 10px 15px;
  border: solid 1px #333;
	border-radius: 5px;
}