JSFiddle - React, Tailwind, and code Playground

HTML

<button class="boxed" dummy="0" name="x" type="submit" value="x">
	  <span>SEGEBERGER ZTG.DO</span>
	</button>
	<button class="boxed" dummy="0" name="x" type="submit" value="x">
	  SEGEBERGER ZTG.DO
	</button>
	<button class="boxed" dummy="0" name="x" type="submit" value="x">
	  SEGEBERGER ZTG.DO
	</button>
	<button class="boxed" dummy="0" name="x" type="submit" value="x">
	  SEGEBERGER ZTG.DO
	</button>
	<button class="boxed" dummy="0" name="x" type="submit" value="x">
	  SEGEBERGER ZTG.DO
	</button>
	<button class="boxed" dummy="0" name="x" type="submit" value="x">
	  SEGEBERGER ZTG.DO
	</button>
	<button class="boxed" dummy="0" name="x" type="submit" value="x">
	  SEGEBERGER ZTG.DO
	</button>
	<button class="boxed" dummy="0" name="x" type="submit" value="x">
	  SEGEBERGER ZTG.DO
	</button>
	<button class="boxed" dummy="0" name="x" type="submit" value="x">
	  SEGEBERGER ZTG.DO
	</button>
	<button class="boxed" dummy="0" name="x" type="submit" value="x">
	  SEGEBERGER ZTG.DO
	</button>
	<button class="boxed" dummy="0" name="x" type="submit" value="x">
	  SEGEBERGER
	</button>
	<button class="boxed" dummy="0" name="x" type="submit" value="x">
	  SEGEBERGER ZTG.DO
	</button>
	<button class="boxed" dummy="0" name="x" type="submit" value="x">
	  SEGEBERGER ZTG.DO
	</button>
	<button class="boxed" dummy="0" name="x" type="submit" value="x">
	  SEGEBERGER ZTG.DO
	</button>

CSS

button {
  background:#fff;
  border: 1px solid #c1c1c1;
  padding-left:11px;
  padding-right:11px;
  height:29px;
  margin-top: 5px;
  white-space: normal;
}

.boxed {
  margin-left:1px;
  padding-top:10px;
  padding-left:10px;
  width:100%;
float:left;
  max-width:150px;
  height:150px;
  font-size: 10pt;
  word-break: break-all;
}