JSFiddle - React, Tailwind, and code Playground

HTML

<input id="ZoomIn" type="button" value="-" onClick=" ZoomIn()" />
<input id="ZoomOut" type="button" value="+" onClick=" ZoomOut()" />
	
<div id="divid">Test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test.</div>

CSS

#divid {
	line-height: 30px;
	background-color: #eeeeee;
	height: 300px;
	width: 200px;
	float: left;
	padding: 5px;
	position: absolute;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

#divid:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}