JSFiddle - React, Tailwind, and code Playground

HTML

<div class="entete">
  <img src="images\logo.png" alt="logo fenstar " />

  <div class="cordonnee">
    <div class="cordonnee_info " >
      <p> Tel: | ***@*** </p>
    </div>

    <div class="coordonnee_search">
      <input class="search1" type="search" name="search">
    </div>

    <div class="coordonnee_submit">
      <input class="submit" type="submit" name="sumit" value="chercher">
    </div>
  </div>
</div>

CSS

.entete{
  width:98%;
  margin-left: 1%;
  margin-right: 1%;
}

.cordonnee_info {
  float: left;
}

.coordonnee_search, .coordonnee_submit {
  float: right;
}