JSFiddle - React, Tailwind, and code Playground

HTML

<div class="test">
  
  <a href="fijf">Text 1</a>
  <a href="dfugru">Text 2</a>   
</div>
<h1>
UI am header
</h1>

CSS

a {
  text-decoration: none;
  font-size: 1.3em;
  padding: 10px 10px 5px 10px;
  margin: 10px 3px;
  display:inline-block;
  float: left;
  width: 60px;
  text-align: center;
}

.test::after {
content:'';
clear:both;
display: table;
}