If you want to center text horizontally and vertically on an object with fluid dimensions, use CSS Flexbox to accomplish your goal:

.parent-container {
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
   align-items: center;
}