JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <!--[if lt IE 7]>
        <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or
            <a
            href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a>to improve your experience.</p>
    <![endif]-->
   
    <div id="hello"><ul><li>Hello</li><li>Hello</li></ul></div>
</body>

CSS

*{margin:0; padding:0;}

#hello{
   margin:0px;
   padding:0px;
   border:1px solid black;
   float:left;
  }
#hello ul{
    position:relative;
    display: inline-block;
    list-style:none;
    margin:0px;
    padding:0px;
    vertical-align: middle;
}
#hello li{
    float:left;
}
ul {
    padding: 0;
    margin: 0;
    -webkit-padding-start: 0px;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
}