JSFiddle - React, Tailwind, and code Playground

by kairavthakar2016

HTML

<head><style>
  ul {list-style-type: none;margin: 0;padding: 0;overflow: hidden;background-color:#595959;}
li a, .dropbtn {display: inline-block;color: white;text-align: center;text-decoration: none}
li a.one:hover, .dropbtn{background-color:#c8c8c8;}
#ikon {height:5.8%;display:block}
body {background-color:black;color:white;font-family:verdana}
#title {display: inline-block;color: white;text-align: center;padding: 14px 16px 12px 16px;text-decoration: none;}
#pic {border-color:white;border-style:solid;border-width:2px;border-radius:50%;height:5%}
</style></head>
<body>
<ul>
  <li style=float:left class=one><a href=index.html class=one><img src=https://i.imgur.com/sIlEXvK.png style=margin-left:0.1% id=ikon></a></li>
  <li style=float:left><font id=title>Insertwebname</font></li>
  <li class=one style=float:left><a href=supportus.html id=title class=one>Support me</a></li>
  <li class=one style=float:left><a href=abt.html class=one id=title>about</a></li>
  <li style=float:right class=one><a href=link.html class=one><img src=pic.png style=float:right id=pic></a></li></ul></body>