JSFiddle - React, Tailwind, and code Playground

by gurkavcu

HTML

<div style="width:400px">
  <div style="width:34%;float:left;height:20px;background-color:#006659;color:white;padding:7px;font-weight:bold;">
     Kayıt No
  </div>
  <div style="float:left;background-color:#cdcb80;height:20px;width:55%;padding:7px">
    12
  </div>
  <div style="width:34%;float:left;height:20px;background-color:#006659;color:white;padding:7px;font-weight:bold;">
     Koçan No
  </div>
  <div style="float:left;background-color:#cdcb80;height:20px;width:55%;padding:7px">
     34
  </div>
  <div style="width:34%;float:left;height:20px;background-color:#006659;color:white;padding:7px;font-weight:bold;">
     Tarih
  </div>
  <div style="float:left;background-color:#cdcb80;height:20px;width:55%;padding:7px">
      24 Temmuz 1856
  </div>
  <div style="width:34%;float:left;height:20px;background-color:#006659;color:white;padding:7px;font-weight:bold;">
     Kaza
  </div>
  <div style="float:left;background-color:#cdcb80;height:20px;width:55%;padding:7px">
    Lefkoşa
  </div>
  <div style="width:34%;float:left;height:20px;background-color:#006659;color:white;padding:7px;font-weight:bold;">
      Köy/Mahalle
  </div>
  <div style="float:left;background-color:#cdcb80;height:20px;width:55%;padding:7px">
    Agostra
  </div>
  <div style="width:34%;float:left;height:20px;background-color:#006659;color:white;padding:7px;font-weight:bold;">
     Mevki
  </div>
  <div style="float:left;background-color:#cdcb80;height:20px;width:55%;padding:7px">
    Sarıca
  </div>
  </div>

CSS

div {
      box-shadow: 0 1px 2px #fff, 0 -1px 1px #666, inset 0 -1px 1px rgba(0,0,0,0.5), inset 0 1px 1px rgba(255,255,255,0.8);
}