JSFiddle - React, Tailwind, and code Playground

by seevis

HTML

< table class="ktoonlinerambaz0">
  < tr>
    < td> {
      TOTAL_POSTS
      } < br /> {
        TOTAL_USERS
        } < br /> {
          NEWEST_USER
          } < /td>
            < td> {
              TOTAL_USERS_ONLINE
              } < br /> {
                RECORD_USERS
                } < br />
                  < br /> {
                    LOGGED_IN_USER_LIST
                    } < /td>
                      < td> {
                        L_CONNECTED_MEMBERS
                        } {
                        L_WHOSBIRTHDAY_TODAY
                        } {
                        L_WHOSBIRTHDAY_WEEK
                        } < /td>
                          < /tr>

CSS

body {
  background-color: black;
  font-family: 'Calibri', sans-serif;

}

.ktoonlinebazahaal {
  width: 830px;
  padding: 5px;
  height: 250px;
  font-size: 11px;
  text-align: justify;
  background-color: #141529;
  color: white;

}

.ktoonlinehaaltyt {
  font-size: 21pt;
  height: 30px;
  font-family: 'Saira Extra Condensed', sans-serif;
  text-align: center;
}

.ktoonlinerambaz {
  width: 280px;
  height: 100px;
  padding: 2px;
  text-align: justify;
  overflow-y: auto;
  scrollbar-width: thin;
}

.ktoonlinerambaz1 {
  width: 260px;
  height: 100px;
  padding: 2px;
  text-align: justify;
  overflow-y: auto;
  scrollbar-width: thin;
}

.haalgrupy {
  width: 800px;
  font-size: 18pt;
  text-align: center;
  padding: 4px;
  font-family: 'Saira Extra Condensed', sans-serif;
}

.haalgrupy a {
  font-size: 18pt;
  text-align: center;
}