JSFiddle - React, Tailwind, and code Playground

by Harsh Kansagara

HTML

<table class="invoice">
  <tr>
    <td class="invoice__container">
      <table class="header">
        <tr>
          <td>
            <img class="logo" src="https://whatshash.com/wp-content/uploads/2019/05/logo-dark.svg"/>
            <h3 class="name">
              WhatsHash Store
            </h3>
          </td>
          <td>

          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>

CSS

.invoice {
  width: 700px;
  border-collapse: collapse;
  border: 1px solid #dadada;
  font-family: sans-serif
}

.logo {
  width: 200px;
  vertical-align: top
}

.name {
  margin: 10px 0 0 0
}


.invoice__container{
  padding:10px;
}