JSFiddle - React, Tailwind, and code Playground

by juanojeda

HTML

<div>
    <ul>
     <li>1</li>
     <li>2</li>
     <li>3</li>
    </ul>
</div>

CSS

div {
  float:right; 
  height:39px;
  vertical-align:middle;
  border:1px solid #dcdcd9;
  background-color:#F5F5F5;
  text-align:center;
  padding:0 10px;
  display:inline-block;
  max-width:320px;
  width:310px;
}

ul {
    padding: 0;
    margin: 0 auto;
    list-style: none;
    text-transform: uppercase;
    width:100%;
    letter-spacing: 1px;
    padding-top:7px;
}

li {
    display: inline-block;
    margin: 0 0 0 -3px;
    padding: 0 9px 0 10px;
}