<div class="ion-card-title text-center">
  <!-- Your title text goes here -->
</div>

Метод 2: встроенное оформление
Если вы предпочитаете встроенное оформление, вы можете добиться того же эффекта, применив CSS непосредственно к элементу HTML. Вот пример:

<div >
  <!-- Your title text goes here -->
</div>

<style>
  .custom-title {
    text-align: center;
    font-size: 24px;
    color: #333;
    /* Add more styles as desired */
  }
</style>
<!-- Apply the custom class to the title element -->
<div class="custom-title">
  <!-- Your title text goes here -->
</div>

center;
align-items: center;
/* При необходимости добавьте дополнительные стили */