Is there a way to vertically align Arabic font with English font?

Question

Here is an example:

h1{
  display:inline-block;
}

    <h1>English Font</h1><h1>الخطوط العربية</h1>

As you can see the base lign isn't aligned.

Answer 1

You can play with the line-height

h1{
  display:inline-block;
}
.arabic {
  line-height: 25px;
  vertical-align: bottom;
}

    <h1>English Font</h1><h1 class="arabic">الخطوط العربية</h1>