JSFiddle - React, Tailwind, and code Playground

by Vladimir Verstalkin

HTML

<!doctype html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

</head>

<body>
<ul class="horizontal">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Partners</a></li>
<li><a href="#">Contacts</a></li>
</ul>
    

</body>

</html>

CSS

ul.horizontal{
margin:0;
padding:0;
}

ul.horizontal li{
display:block;
float:left;
padding:0 10px;
}