在网格框中水平对齐文本

Question

I'm trying to align horizontally the h4 tag "some other head" within my grid, as you can see right now they are not aligned. Is there a way to do this within the grid box? Thanks!

Here is my example of code:

Current Code:

https://codepen.io/kjay125/pen/GRpQgbj

Answer 1

You can do it in two ways: 

 1. If your text is static then add a fix height for p tag. Add this css:

    p {
    height: 220px;
    display:block;
    }    



2. But if it can be changed or by internationalization, it can get converted to different language and gets longer/shorter than you have to set the height of p through javascript/JS after the page is loaded. But the crux is, you have to set a fixed height of `<p>`.