<ul class="list-group">
  <li class="list-item">リスト１</li>
  <li class="list-item">リスト１</li>
  <li class="list-item">リスト１</li>
  <li class="list-item">リスト１</li>
  <li class="list-item">リスト１</li>
</ul>
.list-group{
  margin: 20px;
  width: 300px;
  height: auto;
  border: solid 2px #bbb;
  padding: 8px;
  box-sizing: border-box;
}

.list-group > * + *{
  margin-top: 8px;
}

.list-item{
  width: 100%;
  height: auto;
  background: #333;
  padding: .5em;
  color: #fff;
  box-sizing: border-box;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.