JSFiddle - React, Tailwind, and code Playground

by ChrisStanyon

HTML

<ul id="timezones">
  <li id="MST_Time">MST</li>
  <li id="MST_Time">MST</li>
  <li id="CST_Time">CST</li>
  <li id="EST_Time">EST</li>
  <li id="Haw_Time">Hawaii</li>
  <li id="Ala_Time">Alaska</li>
</ul>

CSS

#timezones {
  width: 300px;
  text-align:center;
  font-family: sans-serif;
  padding: 0;
}

#timezones li {
  list-style-type:none;
  padding: 5px;
  border: 7px solid rgb(12, 11, 11);
}

#timezones li:nth-child(even) {
  background: red;
}

#timezones li:nth-child(odd) {
  background: blue;
}