lemon.html

<style>
@import url('https://fonts.googleapis.com/css?family=Sonsie+One');
* {
  font-family: "Sonsie One";
}
  * {margin: 0px; padding: 0px;}
div {
  width: 600px;
  height: 400px;
  line-height: 400px;
  background: #43C6AC;
  background: -webkit-linear-gradient(to left, #43C6AC, #191654);
  background: linear-gradient(to left, #43C6AC, #191654);
  display: inline-block;
}
span {
  color: white;
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}
</style>

<div>
  <span>This is me lklklk I'm so fun World</span>
</div>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
$(function() {
  var width = "400";
  var inner = $('span'),
  difference = width -inner.width(),
  ratio = width /inner.width(),
  style = 'translateX(' + difference/2 + 'px) ' + 'scale(' + ratio + ')';
  inner.css({'webkit-transform': style, transform: style});
});
</script>