display: table-cell

HTML

<ul>
  <li>foofoo</li>
  <li>barbarbarbarbar</li>
  <li>barbarbarbarbar</li>
  <li>barbarbarbarbar</li>
  <li>barbarbarbarbar</li>
  <li>barbarbarbarbar</li>
  <li>barbarbarbarbar</li>
  <li>barbarbarbarbar</li>
  <li>barbarbarbarbar</li>
  <li>barbarbarbarbar</li>
  <li>barbarbarbarbar</li>
  <li>barbarbarbarbar</li>
  <li>barbarbarbarbar</li>
  <li>barbarbarbarbar</li>
  <li>barbarbarbarbar</li>
  <li>baz</li>
</ul>

CSS

ul {
    width: 100%;
    display: table;
    table-layout: fixed; /* optional, for equal spacing */
    border-collapse: collapse;
}
li {
    display: table-cell;
    text-align: center;
    border: 1px solid pink;
    vertical-align: middle;
    white-space:nowrap;
}