Make text height 100% of div?

Question

I\'m trying to make the text 100% height of a div but it doesn\'t work.
It just becomes 100% of the body { font-size:?; }.

Is there an

Answer 1

You can do it for single line texts using relative and absolute positions:

  
    Center text
  

css:

.div {
  height: 4%;
  position: relative:
  overflow: hidden;
}

.middle-center {
  position: absolute;
  top: 50%;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 13px;
  margin-top: -8px;
}