iner {
        flex-flow: column;
        justify-content: space-evenly;

        max-width: 400px;
        margin: 0 auto;
      }
    </style>
  </head>

  <body>
    <ion-app>
      <ion-content>
        <div class="container">
          <ion-segment value="heart">
            <ion-segment-button value="call">
              <ion-icon name="call"></ion-icon>
            </ion-segment-button>
            <ion-segment-button value="heart">
              <ion-icon name="heart"></ion-icon>
            </ion-s