JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
<div class="navbar">
<div class="navbar-list">

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

</div>
</div>

CSS

* {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}
body {
  margin: 0;
}
.navbar {
  display: flex;
  justify-content: center;
}
.navbar-list {
  display: inline-block;
  border: 1px solid gray;
}
ul {
  display: flex;
  margin: 0;
  padding: 0;
}