<div class="card">
  <ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
    <li>Item 5</li>
  </ul>
</div>
html,
body {
  height: 100%;
}

body {
  display: grid;
  place-items: center;
}

.card {
  border: 1px solid #eee;
  box-shadow: 1px 1px 4px hsla(0, 0, 0, 0.4);
  border-radius: 3px;
  min-width: 600px;
  padding: 20px;
}

ul {
  margin: 0;
  padding-left: 0;
  list-style: none;
}

ul li {
  background-color: hsla(0, 0, 0, 0.3);
  color: white;
  padding: 4px;
}

ul li:not(:last-of-type) {
  margin-bottom: 20px;
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.