JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <div class="header">
    <ul class="list">
      <li>
        Donald
      </li>
      <li>
        Hillary
      </li>
      <li>
        Gary
      </li>
    </ul>
  </div>
</div>

CSS

.container {
  display: flex;
  flex-flow: row wrap;
}

.header {
	min-height: 60px;
  border: 1px solid #000;
}

.list {
	height: 100%;
	display: flex;
	justify-content: flex-start;
	list-style: none;
	margin: 0;
	padding: 0;
}

li {
  padding: 10px;
  background-color: #cecece;
}