JSFiddle - React, Tailwind, and code Playground

by seevis

HTML

<table class="bazatemhaal">
	<tbody>
		<tr>
			<td rowspan="2"><div style="border: 1px solid yellow; padding: 2px;">
      bum
      </div></td>
			<td rowspan="2"><div class="temhaaltyt">
        eoeoeo
      </div></td>
			<td><div class="temhaalwo">123</div></td>
			<td rowspan="2"><div class="temhaalaut">
    raz dwa trzy cztery pięć sześć siedem osiem dziewięć dziesięć
    </div></td>
		</tr>
		<tr>
			<td><div class="temhaalwo">
        456
      </div></td>
		</tr>
	</tbody>
</table>

CSS

body {
  background-color: black;
  color: #c9c9c9;
  font-family: 'Verdana', sans-serif;
  font-size: 10px;
}

.bazatemhaal {
  width: 800px;
  padding: 10px;
  background-color: #141529;
}

.temhaalwo {
  background-color: #232583;
  width: 50px;
  padding: 2px;
  height: 20px;
  text-align: center;
  text-transform: lowercase;
    vertical-align: top;

}

.temhaaltyt {
  width: 600px;
    vertical-align: top;

}

.temhaalaut {
  width: 120px;
  text-align: center;
  padding: 2px;
  height: 50px;
  background-color: #232583;
  vertical-align: top;
}