JSFiddle - React, Tailwind, and code Playground

by Sadaruwan Samaraweera

HTML

<body>
  <div class="div">
    <div class="sb">
      <input type="text" name="search">
      <input type="submit" name="search" value="search">
    </div>
    <div class="link">
      <a href="www.az.com">Home |</a>
      <a href="www.az.com/profile">Profile |</a>
      <a href="www.az.com/settings">Settings</a>
    </div>
  </div>
</body>

CSS

.link {
  margin-left: 80%
}

.div {
  color: white;
  background-color: cyan;
  padding-top: 19px;
  padding-bottom: 19px;
  padding-right: 10px;
  height: 10%;
}

.sb {
  float: left;
  margin-left: 2%;
}

body,
html {
  margin: 0;
  padding: 0;
  border: 0;
}