That's because you added a line-height: 10;
to the parent element, which increases the height of each line 10 times.
Just remove that And it works.
Update
To keep the h3
element at the middle of its parent, you could set a line-height
as the parent's height
to that element (in this case you could apply this CSS declaration to both parent and h3 element).
.homepage_boxes {
/* ... */
line-height: 200px; /* as the same of the parent's height */
}
Another option is setting the same padding
to the top and bottom of the parent element without setting a fixed height
, which makes the children at the middle.