JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.css">
<div class="lineHeight">
  HELLO // line-height method
</div>
<div class="padding">
  HELLO // padding method
</div>

CSS

@import url('https://fonts.googleapis.com/css?family=Open+Sans');

div {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  height: 100px;
  background: lightgreen;
  margin: 5px;
  padding-left: 10px;
  box-sizing: border-box;
}

.lineHeight {
  line-height: 100px;
}

.padding {
  padding-top: 42px; /* (100px - 14px) / 2 - 1px */
}